Inside Figma AI Design Agent: Membuat dan Mengedit UI dengan Bahasa Alami

Figma memperkenalkan agen desain AI yang tertanam langsung di canvas kolaboratifnya, memungkinkan desainer membuat, mengubah, dan mengotomatiskan pekerjaan UI menggunakan prompt bahasa alami. Alih‑alih menghasilkan mockup di luar aplikasi, agen ini bekerja langsung pada file Figma yang sebenarnya—memahami komponen, layout, dan design system yang sudah digunakan dalam proyek.

Pendekatan ini menandai pergeseran menuju workflow desain “agentic”, di mana AI bukan sekadar alat tambahan, tetapi ikut bekerja di ruang yang sama dengan manusia dalam proses desain.

Cara kerja AI design agent Figma

Agen AI ini berada langsung di antarmuka Figma Design dan beroperasi pada canvas yang sama dengan tim desain. Desainer cukup menuliskan instruksi sederhana—misalnya meminta layout dashboard baru atau mengubah struktur halaman—dan agen akan membuat atau mengedit elemen langsung di dalam file tersebut.

Beberapa karakteristik utama yang membedakannya:

• Native di canvas: AI mengedit elemen langsung di canvas Figma, bukan menghasilkan file eksternal atau gambar statis.
• Memahami design system: Output mengikuti komponen, variabel, dan aturan desain tim sehingga UI yang dihasilkan tetap konsisten dengan produk.
• Memanfaatkan konteks file: Agen bisa membaca layer, struktur layout, serta objek yang sudah ada di proyek.
• Lingkungan kolaboratif: Karena Figma adalah canvas multiplayer, AI dapat bekerja bersamaan dengan anggota tim lain dalam file yang sama.

Figma juga menunjukkan bahwa beberapa agen AI dapat berjalan sekaligus di canvas yang sama, memperkuat konsep bahwa AI dapat bertindak sebagai kolaborator dalam proses desain.

Apa saja yang bisa dilakukan dengan prompt bahasa alami

Daya tarik utama fitur ini adalah desainer cukup menjelaskan tujuan mereka dengan bahasa sehari‑hari, lalu AI mengeksekusi perubahan langsung di desain.

1. Membuat layar UI baru

Desainer dapat meminta agen membuat layout atau screen baru seperti dashboard, onboarding flow, atau halaman pengaturan. UI yang dihasilkan akan menggunakan komponen dan design system yang sudah ada di proyek.

2. Remix gaya dan eksplorasi desain

Agen juga bisa mengambil desain yang sudah ada lalu menciptakan variasi visual atau arah desain baru untuk eksplorasi cepat.

Contohnya:

• Membuat beberapa variasi style dari layout yang sama
• Mengubah desain ke mode gelap
• Menguji arah visual baru tanpa mengubah struktur utama

3. Mengedit desain dengan perintah teks

Daripada mengubah layer secara manual, desainer dapat meminta AI melakukan perubahan seperti:

• Mengubah struktur layout
• Mengganti komponen
• Mengedit teks atau gambar
• Menyesuaikan spacing dan hierarki visual

Semua perubahan terjadi langsung di file Figma, bukan lewat aset yang diekspor.

4. Mengotomatiskan pekerjaan repetitif

Salah satu manfaat praktisnya adalah menghilangkan pekerjaan produksi yang berulang.

Agen dapat:

• Menerapkan komponen atau variabel ke banyak frame
• Melakukan bulk edit pada banyak layer sekaligus
• Mengisi desain dengan teks dan gambar yang realistis

Figma menyebut ini sebagai cara untuk mengurangi “busywork” dalam proses desain.

5. Merangkum komentar dan feedback

Dalam proyek besar, file desain sering dipenuhi komentar dari stakeholder. Agen AI dapat merangkum feedback tersebut, membantu desainer memahami poin utama dengan cepat.

Terintegrasi dengan canvas kolaboratif Figma

Sejak awal, Figma dirancang sebagai multiplayer design canvas di mana banyak orang dapat mengedit file yang sama secara real‑time. Agen AI ini dibuat untuk bekerja di lingkungan tersebut, bukan di luar platform.

Artinya, tindakan AI terjadi bersamaan dengan fitur kolaborasi lain seperti:

• pengeditan real‑time
• komentar dan review stakeholder
• version history

Dalam praktiknya, AI bertindak seperti rekan kerja tambahan yang dapat menghasilkan layar baru, memperbarui layout, atau merespons prompt saat anggota tim lain masih bekerja di file yang sama.

Hubungannya dengan integrasi AI pihak ketiga sebelumnya

Sebelum merilis agen internalnya, Figma sudah membuka canvas untuk agen AI dari pihak ketiga.

Melalui MCP server dan integrasi agent, alat seperti Claude Code dan Codex dapat membaca serta menulis langsung ke file Figma. Dengan cara ini, AI coding environment bisa membuat atau memodifikasi desain langsung di platform.

Agen desain AI baru ini merupakan evolusi dari langkah tersebut:

• Tahap awal: agen eksternal dapat mengakses canvas
• Tahap sekarang: Figma menghadirkan agen AI bawaan (first‑party) di dalam produk

Dengan demikian, desainer tidak perlu lagi mengandalkan plugin atau tool eksternal untuk memanfaatkan AI.

Posisi Figma dibanding Adobe dan Canva

Peluncuran ini terjadi di tengah persaingan besar untuk membangun workflow kreatif berbasis AI.

Namun tiap platform memiliki fokus berbeda.

Figma

• Fokus pada desain produk dan UI
• Menggunakan design system dan komponen untuk output yang terstruktur
• Bekerja di file desain kolaboratif

Adobe

• Firefly AI Assistant bertindak sebagai agen kreatif lintas aplikasi Creative Cloud
• Dapat mengorkestrasi workflow kompleks untuk gambar, video, dan media lainnya.

Canva

• Canva AI berfungsi sebagai asisten kreatif serbaguna
• Menghasilkan desain marketing, template, dan konten visual dari prompt.

Dengan kata lain, Figma mencoba mendominasi AI untuk desain produk, sementara Adobe dan Canva menargetkan produksi konten kreatif yang lebih luas.

Ketersediaan beta dan harga

Agen desain AI Figma mulai diluncurkan dalam closed beta pada 20 Mei 2026.

Detail rollout saat ini:

• Hanya tersedia untuk sejumlah pengguna terbatas selama fase beta.
• Dapat digunakan pada paket Professional, Organization, dan Enterprise.
• Pengguna dengan full seat dapat mengakses agen langsung di file Figma Design.
• Peluncuran dilakukan secara bertahap ke lebih banyak pengguna.

Selama periode beta, fitur ini tidak menggunakan AI credits, sehingga pada dasarnya gratis untuk pengujian.

Figma menyatakan bahwa setelah tersedia secara umum, kemampuan agen kemungkinan akan menggunakan model harga berbasis penggunaan, tetapi detail finalnya belum diumumkan secara publik.

Mengapa ini penting bagi workflow desain

Perubahan terbesar bukan hanya pada fitur AI‑nya, tetapi di mana AI ditempatkan dalam proses desain. Alih‑alih menghasilkan UI di luar tool desain, agen ini bekerja langsung di tempat tim sudah berkolaborasi: canvas Figma.

Jika kemampuan model terus meningkat, pendekatan ini berpotensi mengubah cara tim produk membuat prototipe dan iterasi. Desainer cukup menjelaskan tujuan mereka, sementara AI menangani sebagian besar pekerjaan mekanis—tetap mengikuti struktur design system tim.

Dengan cara ini, canvas Figma mulai terlihat bukan sekadar alat desain, tetapi ruang kerja bersama tempat manusia dan AI merancang produk secara real‑time.