Figma Config 2026 dan Masa Depan Designer

Kalau kamu designer dan selama ini memakai Figma hanya untuk membuat UI screen, Figma Config 2026 terasa seperti tanda yang cukup besar.

Figma tidak lagi bergerak hanya sebagai tool untuk layout, component, prototype, dan handoff. Arah barunya jauh lebih luas. Figma mulai menjadi tempat kerja kreatif yang menggabungkan desain, AI, code, motion, shader, plugin, dan workflow visual dalam satu canvas.

Menurut saya, poin terpenting dari Figma Config 2026 bukan sekadar “ada fitur baru”. Tapi lebih ke arah ini:

Figma ingin membuat designer bisa bekerja lebih cepat, lebih ekspresif, dan lebih dekat dengan implementasi tanpa harus keluar dari canvas.

Ini bukan berarti designer akan digantikan AI. Namun AI dipakai untuk memperluas kemampuan designer, bukan menghapus peran designer.

Namun, ini juga jadi sinyal yang cukup jujur. Cara kerja UI/UX designer akan berubah. Designer yang hanya bisa membuat screen statis mungkin akan mulai tertinggal. Tapi designer yang bisa berpikir sistematis, memberi context ke AI, memahami design system, dan berkolaborasi dengan code akan punya posisi yang lebih kuat.

Bagi yang ingin lihat Figma Config kamu bisa lihat videonya di bawah ini, imi adalah video official dari Figma saat event berlangsung.

Apa yang Sebenarnya Berubah di Figma Config 2026?

Secara sederhana, Figma Config 2026 memperkenalkan beberapa arah besar:

• Code bisa masuk langsung ke canvas melalui Code Layers.
• Motion bisa dibuat langsung di Figma dengan timeline.
• Shader dan visual effects bisa dibuat dengan bantuan AI.
• Designer bisa membuat plugin sendiri dengan prompt langsung lewat figma agent.
• Figma Weave membawa workflow AI berbasis node ke dalam proses kreatif.
• Figma Agent mulai punya context yang lebih kuat melalui skills, connectors, dan attachments.

Kalau digabung, semuanya mengarah ke satu hal: Figma ingin canvas menjadi tempat utama untuk eksplorasi, produksi, dan kolaborasi.

Dulu, designer biasanya punya workflow seperti ini:

1. Buat UI di Figma.
2. Bikin animasi di tool lain.
3. Bahas implementasi dengan developer di tool lain.
4. Pakai plugin dari komunitas kalau butuh automation.
5. Pakai AI di luar Figma untuk ide atau generate asset.

Sekarang, Figma terlihat ingin menyatukan banyak bagian itu ke dalam satu tempat.

Bagi saya, ini menarik karena pekerjaan designer jadi tidak hanya tentang “membuat tampilan”. Designer mulai punya peran lebih besar dalam membangun workflow, menjaga system, dan membantu tim bergerak lebih cepat.

1. Code Layers: Batas antara Design dan Code Makin Tipis

Salah satu pengumuman paling besar dari Figma Config 2026 adalah Code Layers.

Konsepnya cukup menarik. Figma melihat code bukan sebagai sesuatu yang terpisah dari desain, tapi sebagai salah satu “material” di dalam proses desain.

Selama ini, kita sering melihat design dan code seperti dua dunia berbeda. Designer membuat screen di Figma. Developer mengubahnya menjadi produk nyata. Di tengah proses itu, sering muncul masalah: spacing tidak sama, state belum lengkap, interaction tidak jelas, atau component tidak sesuai dengan design system.

Dengan Code Layers, Figma ingin membuat proses itu lebih dekat. Designer bisa memilih layer atau frame, lalu mengubahnya menjadi code layer. Hasil code tersebut bisa dilihat dan dieksplorasi langsung di canvas.

Yang menarik, code layer juga bisa diduplikasi seperti frame biasa. Jadi tim bisa mencoba beberapa versi implementasi secara side-by-side.

Misalnya:

• versi card dengan layout biasa,
• versi card dengan interaction hover,
• versi card dengan responsive behavior,
• versi card dengan animation kecil,
• atau versi component yang lebih dekat dengan production code.

Untuk designer, ini bukan berarti kamu harus menjadi frontend developer full-time. Tapi kamu perlu lebih paham bagaimana desain kamu akan hidup ketika diubah menjadi code.

Contohnya, kamu perlu mulai lebih sadar dengan hal-hal seperti:

• state component,
• responsive behavior,
• naming layer,
• reusable component,
• spacing system,
• design tokens,
• accessibility,
• dan edge case.

Karena kalau desain kamu rapi secara system, AI dan code layer akan lebih mudah membaca struktur desainmu.

Sebaliknya, kalau file Figma kamu berantakan, layer tidak jelas, component tidak konsisten, dan token tidak dipakai, hasil AI juga bisa ikut berantakan.

2. Figma Motion: Animasi Mulai Jadi Bagian dari Design System

Fitur berikutnya adalah Figma Motion.

Ini juga penting, karena selama ini motion sering dianggap sebagai tambahan di akhir. Banyak product designer membuat UI statis dulu, lalu motion baru dipikirkan belakangan. Bahkan kadang motion tidak dibuat sama sekali karena butuh tool tambahan atau skill yang berbeda.

Di Figma Config 2026, Figma Motion membawa timeline, keyframes, presets, dan bantuan Figma Agent langsung ke dalam Figma Design.

Artinya, designer bisa membuat animasi langsung dari canvas. Bisa mulai dari nol, memakai preset, atau meminta AI membuat starting point. Ini bener blowm away sih. dan ini akan bisa ngetrigger user yang berexpresi lebih luas lagi, dan jadinya Figma sekarang seperti all in one app for creativity, sudah mau mengambil usernya adobe terutama yang sering menggunakan product adobe after effectnya. tapi khususnya untuk animation yang gak bergitu komplek, cocok di Figma.

Karena sekarang product designer bisa lebih mudah membuat motion untuk:

• loading state,
• button interaction,
• onboarding transition,
• modal animation,
• empty state,
• micro interaction,
• atau feedback setelah user melakukan action.

Yang lebih penting lagi, motion bisa menjadi bagian dari design system.

Misalnya, kamu punya modal component. Bukan hanya style, spacing, dan typography yang distandarkan, tapi juga motion-nya:

• bagaimana modal muncul,
• berapa durasinya,
• easing seperti apa yang dipakai,
• bagaimana backdrop masuk,
• bagaimana modal keluar,
• dan bagaimana interaction terasa natural.

Kalau motion ini bisa dipakai ulang, tim tidak perlu menebak-nebak lagi. Developer juga bisa melihat timing, easing, keyframe, dan bahkan mengambil animation code dari Dev Mode. Apa yang kami bayangin bisa langsung di salurkan ke developer team, kasih codenya jadi deh.

Menurut saya, ini membuat motion jadi lebih serius. Motion bukan lagi “hiasan”. Motion adalah bagian dari experience.

3. Shaders: Visual Exploration Jadi Lebih Mudah

Selain code dan motion, Figma Config 2026 juga memperkenalkan shader fills dan effects.

Buat banyak designer, shader terdengar teknis. Biasanya ini dekat dengan dunia graphics programming, visual effect, atau creative coding. Tapi Figma mencoba membuatnya lebih mudah dengan bantuan Figma Agent.

Designer bisa mendeskripsikan efek yang diinginkan, atau memakai image reference. Setelah itu, AI membantu membuat shader fill atau shader effect.

Bedanya cukup sederhana:

• Fill berarti shader menjadi material baru pada layer.
• Effect berarti shader mengubah tampilan layer yang sudah ada.

Contohnya, kamu bisa membuat efek seperti:

• metal texture,
• mesh gradient,
• halftone,
• riso print,
• luminance particles,
• atau efek visual lain yang lebih ekspresif.

Untuk UI/UX designer, ini mungkin tidak selalu dipakai setiap hari. Apalagi kalau kamu banyak mengerjakan SaaS dashboard atau enterprise product. Tapi fitur ini tetap penting karena menunjukkan arah Figma: canvas bukan lagi tempat layout UI saja, tapi juga tempat visual exploration. Jadi grafik designer bisa menggunakan Figma untuk design banner atau social media dengan berbagai effect yang sudah disediakan atau buat sendiri dengan bantuan Figma AI Agent.

Shader bisa berguna untuk:

• hero section,
• landing page,
• campaign visual,
• brand exploration,
• poster,
• thumbnail,
• atau visual treatment untuk product marketing.

Namun, tetap perlu hati-hati. Efek visual yang terlalu ramai bisa merusak clarity. Jadi designer tetap harus punya taste dan judgment.

AI bisa membuat efek. Tapi designer yang memutuskan apakah efek itu membantu pesan atau malah membuat desain terlalu berisik.

4. Generative Plugins: Designer Bisa Membuat Tool Kecil Sendiri

Fitur yang menurut saya sangat menarik adalah Generative Plugins.

Selama ini, kalau designer butuh plugin khusus, biasanya ada beberapa pilihan:

1. Cari plugin yang sudah ada di community.
2. Minta developer membuat plugin.
3. Belajar Figma Plugin API sendiri.
4. Atau ya sudah, kerjakan manual.

Dengan generative plugins, Figma mencoba membuat proses ini lebih mudah. Designer cukup menjelaskan plugin yang dibutuhkan: behavior-nya seperti apa, control apa saja yang dibutuhkan, dan parameter apa yang bisa diatur.

Dari artikel UX Planet, ada contoh sederhana: penulis meminta Figma membuat plugin untuk menghasilkan shadow effect pada UI element. Dalam beberapa menit, plugin tersebut bisa digunakan langsung di canvas.

Ini membuka banyak kemungkinan, terutama untuk designer yang sering bekerja dengan design system.

Misalnya, kamu bisa membuat tool untuk:

• generate shadow scale,
• cek contrast warna,
• rapikan layer naming,
• membuat QR code,
• mengatur image layout,
• mengecek penggunaan token,
• membuat placeholder content,
• atau membantu audit component.

Menurut saya, ini bisa mengubah cara designer bekerja. Kita tidak harus selalu menunggu tool besar. Kadang yang kita butuhkan hanya automation kecil untuk workflow kita sendiri.

Contohnya, kalau kamu sering membuat card dengan shadow berbeda-beda, kamu bisa membuat plugin kecil yang menjaga shadow tetap konsisten. Kalau kamu sering audit design system, kamu bisa membuat plugin kecil untuk mengecek apakah component memakai token yang benar.

Di sinilah designer mulai naik level. Bukan hanya menggunakan tool, tapi mulai membuat tool untuk mendukung workflow sendiri.

Namun sayangnya plugin yang bisa di buat hanya untuk berlaku di file tersebut, atau di akun kamu sendiri, bisa di share jika file itu di set coloborasi dengan designer lain. Ini saya belum coba explorasi baru melihat dari config video tersebut. tapi secara fitur sudah tersedia versi beta pada saat Figma config 2026 belangsung.

5. Figma Weave dan Agent: AI yang Lebih Paham Context

Bagian lain yang tidak kalah penting adalah Figma Weave dan Figma Agent.

Figma Weave adalah workflow generatif berbasis node. Jadi bukan hanya prompt sekali, lalu menerima satu hasil. Dengan Weave, designer bisa membuat alur visual seperti:

1. masukkan image,
2. pilih style reference,
3. generate output,
4. bandingkan beberapa hasil,
5. refine,
6. lalu jadikan workflow itu reusable.

Ini mirip seperti membangun proses kreatif yang bisa dilihat dan diedit. Bukan hanya hasil akhirnya.

Untuk pekerjaan seperti campaign, social media visual, brand exploration, atau asset generation, pendekatan ini cukup menarik. Karena creative workflow biasanya tidak linear. Kita sering mencoba beberapa arah, membandingkan, mengulang, lalu memperbaiki.

Selain itu, Figma Agent juga mulai punya context yang lebih kuat.

Ada beberapa hal penting:

• Skills untuk menyimpan workflow dan convention team sebagai instruksi reusable.
• Connectors untuk menghubungkan Figma dengan tools lain seperti Notion, Slack, GitHub, Atlassian, dan lainnya.
• Attachments untuk membawa brief, research, atau dokumen lain sebagai context.
• Shared agent chats agar eksplorasi AI bisa dilihat dan dilanjutkan oleh teammate.

Menurut saya, ini bagian yang sangat penting. Karena masalah terbesar AI bukan hanya kemampuan generate. Masalah terbesarnya adalah context.

AI tanpa context bisa menghasilkan output yang terlihat bagus, tapi belum tentu sesuai brand, user need, product constraint, atau design system.

Karena itu, kemampuan memberi context akan menjadi skill penting untuk designer.

Di sinilah hal seperti design tokens, documentation, DESIGN.md, naming convention, dan component guideline menjadi makin penting. Semakin jelas context yang kita berikan, semakin besar kemungkinan AI menghasilkan output yang konsisten.

Apa Artinya untuk UI/UX Designer?

Menurut saya, Figma Config 2026 memberi pesan yang cukup jelas: masa depan designer bukan hanya membuat screen.

Designer akan makin sering bekerja dengan:

• AI assistant,
• design system,
• motion guideline,
• code preview,
• plugin automation,
• visual workflow,
• dan context documentation.

Jadi, skill designer juga perlu ikut naik.

Bukan berarti semua designer harus menjadi developer, motion designer, dan AI engineer sekaligus. Itu tidak realistis.

Tapi designer perlu punya pemahaman dasar agar bisa berkomunikasi lebih baik dengan tool, AI, dan developer.

Ada beberapa perubahan yang menurut saya penting. Ini menjadikan UIUX Designer secara cakupan arahanya jadi semakin luas.

Prompt akan menjadi bagian dari skill desain

Prompt bukan hanya mengetik perintah. Prompt adalah cara kita menjelaskan intent.

Kalau prompt kamu terlalu umum, hasil AI juga akan umum. Kalau prompt kamu punya context yang jelas, hasilnya lebih mungkin sesuai kebutuhan.

Contoh prompt yang terlalu umum:

Buatkan dashboard SaaS yang modern.

Prompt seperti ini bisa menghasilkan UI yang terlihat bagus, tapi belum tentu sesuai product.

Prompt yang lebih baik:

Buatkan dashboard SaaS untuk analytics produk B2B. Gunakan layout 12-column, spacing 24px, card radius 12px, hierarchy jelas, primary action di kanan atas, dan gunakan component style yang konsisten dengan design system.

Bedanya jelas. Prompt kedua memberi arah, batasan, dan context.

Design system menjadi lebih penting, bukan kurang penting

Ada anggapan bahwa AI akan membuat design system tidak terlalu penting. Menurut saya justru sebaliknya.

Kalau AI masuk ke workflow desain, design system jadi makin penting karena AI butuh aturan.

AI perlu tahu:

• warna apa yang boleh dipakai,
• typography scale seperti apa,
• spacing system-nya berapa,
• component apa yang tersedia,
• state apa yang wajib ada,
• tone visual seperti apa,
• dan pattern mana yang boleh digunakan.

Tanpa itu, AI hanya akan menebak.

Jadi designer yang paham design system akan tetap punya value besar. Bahkan mungkin lebih besar, karena mereka bisa membuat AI bekerja dengan lebih konsisten.

Kolaborasi dengan developer akan mulai lebih awal

Dengan Code Layers dan Dev Mode yang makin kuat, designer dan developer tidak harus menunggu handoff di akhir.

Mereka bisa mengeksplorasi desain dan implementasi lebih awal. Ini bisa mengurangi miskomunikasi, terutama untuk interaction, responsive behavior, dan component logic.

Namun, ini juga berarti designer perlu lebih peduli pada detail yang biasanya muncul saat implementasi.

Misalnya:

• bagaimana empty state muncul,
• bagaimana error state bekerja,
• apa yang terjadi saat loading,
• bagaimana layout berubah di screen kecil,
• bagaimana component dipakai ulang,
• dan apakah desain bisa masuk ke system yang sudah ada.

Taste dan judgment tetap tidak bisa digantikan

AI bisa membantu membuat banyak opsi. Tapi memilih opsi yang tepat tetap butuh taste.

AI bisa membuat shader, motion, layout, atau plugin. Tapi designer tetap harus bertanya:

• Apakah ini membantu user?
• Apakah ini sesuai brand?
• Apakah ini terlalu ramai?
• Apakah ini mudah dipahami?
• Apakah ini scalable?
• Apakah ini bisa diimplementasikan?

Menurut saya, inilah bagian yang akan membedakan designer biasa dan designer yang kuat di era AI.

Skill yang Bisa Mulai Kamu Latih dari Sekarang

Kalau melihat arah Figma Config 2026, ada beberapa skill praktis yang bisa mulai dilatih.

1. Belajar membuat prompt dengan context

Jangan hanya prompt untuk “buat UI”. Mulai latih prompt yang menjelaskan:

• tujuan screen,
• target user,
• constraint,
• design system,
• component yang dipakai,
• tone visual,
• dan output yang kamu harapkan.

Semakin jelas kamu memberi context, semakin baik hasil AI.

2. Rapikan design system dan tokens

Kalau kamu sudah punya design system di Figma, mulai cek lagi:

• apakah token sudah jelas,
• apakah component naming konsisten,
• apakah variant lengkap,
• apakah state sudah tersedia,
• apakah documentation mudah dipahami,
• dan apakah file structure rapi.

AI akan lebih berguna kalau sistemnya jelas.

3. Mulai dokumentasikan motion

Kalau kamu membuat interaction, jangan hanya bilang “modal muncul smooth”. Coba mulai definisikan:

• duration,
• easing,
• direction,
• delay,
• behavior saat masuk,
• behavior saat keluar.

Dengan Figma Motion, hal seperti ini bisa menjadi bagian dari system.

4. Pahami code secukupnya

Kamu tidak harus menjadi frontend developer. Tapi minimal, pahami konsep dasar seperti:

• component,
• props,
• state,
• responsive layout,
• CSS spacing,
• token mapping,
• dan accessibility.

Ini akan membantu kamu membuat desain yang lebih realistis dan mudah dibangun.

5. Buat workflow yang reusable

Mulai pikirkan pekerjaan yang sering kamu ulang.

Misalnya:

• membuat shadow,
• membuat layout image,
• mengecek contrast,
• membuat placeholder content,
• audit component,
• atau membuat variasi visual.

Kalau pekerjaan itu berulang, mungkin bisa dibuat menjadi workflow, plugin, atau AI instruction.

Kesimpulan: Figma Bukan Cuma Tempat Membuat UI Lagi

Bagi saya, Figma Config 2026 adalah sinyal bahwa Figma sedang berubah dari design tool menjadi creative production platform.

Figma ingin menjadi tempat di mana designer bisa:

• membuat UI,
• mengatur design system,
• membuat motion,
• mengeksplorasi visual effect,
• membuat plugin,
• bekerja dengan AI,
• dan mendekatkan desain ke code.

Ini peluang besar, tapi juga tantangan.

Designer yang hanya menunggu tool bekerja mungkin akan kebingungan. Tapi designer yang bisa memberi arah, menyusun context, menjaga kualitas, dan berpikir sistematis akan semakin dibutuhkan.

Namun downside-nya. ini mungkin kalo kamu sering menggunakan fitur AI di Figma terutama yang menggunakan credit seperti Figma Agent, ini akan menguras AI Credit, sayanganya Figma tidak menawarkan BYOK ( Bring Your Own Key ) atau kamu bisa menggunakan AI model apapun yang bisa digunakan di Figma Agent, namun sayangnya belum atau bahkan tidak bisa untuk saat ini.

Menurut saya, masa depan UI/UX designer bukan “designer vs AI”.

Yang lebih tepat adalah:

Designer yang bisa bekerja dengan AI akan punya advantage dibanding designer yang hanya melihat AI sebagai ancaman.

Jadi, kalau kamu seorang designer, tidak perlu panik. Tapi juga jangan terlalu santai.

Mulai dari hal kecil. Rapikan design system kamu. Latih prompt dengan context. Pelajari motion basic. Pahami cara developer membaca desain. Coba automation kecil.

Pada akhirnya, tool akan terus berubah. Tapi kemampuan untuk memahami masalah, membuat keputusan desain, dan menjaga kualitas experience tetap menjadi bagian penting dari pekerjaan designer.