Figma Agent AI Rilis Fitur Baru: Bikin Desain dan Kode Makin Nurut

Kenapa Figma Butuh Aturan Khusus Buat Agent AI?

Pakai kecerdasan buatan generatif di atas kanvas desain emang seru, tapi ada satu masalah klasik: sifatnya yang nggak tertebak. Kadang AI ngasih ide brilian, tapi di kesempatan lain warna tombol melenceng, ukuran tipografi nggak nyambung, atau komponen yang dipasang malah nabrak sistem desain yang udah ada.

Figma sadar betul soal problem ini. Mereka nggak mau asisten otomatis justru nambah beban kerja tim yang harus berulang kali merapikan hasil render yang ngawur. Makanya, Figma nyediain sarana baru biar output dari agent internal mereka maupun agent pihak ketiga jadi jauh lebih bisa diprediksi dan nurut sama aturan brand.

Langkah ini sejalan sama tren agent otonom yang makin meluas di berbagai platform kerja kreatif, mirip dengan pembahasan di artikel Grok 4.7 di Amazon Bedrock.

Mengenal Figma Specs: Editor Markdown Penjaga Desain

Fitur andalan pertama yang diperkenalkan adalah Figma Specs. Fitur figma ai ini merupakan editor berbasis Markdown yang dirancang buat membantu tim mendefinisikan bahasa desain mereka dengan cara yang simpel dan terstruktur.

Dokumen Specs ini fleksibel banget pas dipakai. Kamu bisa menjadikannya file terpisah yang berdiri sendiri, atau menaruhnya langsung berdampingan di dalam canvas kerja kamu. Nggak cuma nampung teks biasa, di editor ini kamu juga bisa menyematkan berbagai konteks pendukung lainnya:

• Referensi langsung ke elemen yang ada di canvas.
• Diagram FigJam buat memetakan alur logika.
• Lapisan kode lewat fitur code layers.
• Aset visual dan komponen dari desain yang sudah jadi.

Dengan adanya Specs, tim bisa menyatukan library desain, library kode, sampai pedoman sistem desain dalam satu wadah terpusat. Ketika ai agent figma diperintahkan bikin tampilan baru, agent bakal membaca dokumen ini dulu sebagai acuan utama, sehingga elemen yang dibuat nggak keluar jalur.

Figma Code Layers Masuk Public Beta: Bikin Prototipe Lebih Hidup

Kabar menarik berikutnya datang dari fitur figma code layers. Kalau kamu ingat, Figma pertama kali mengumumkan fitur ini dalam status private beta pada Juni lalu. Nah, di Config India kali ini, fitur tersebut resmi dibuka ke tahap figma beta publik biar makin banyak orang bisa nyobain langsung.

Fitur ini nyuntikkan baris kode langsung ke dalam layer desain di atas canvas, bikin prototipe yang tadinya statis jadi jauh lebih interaktif kayak aplikasi beneran. Hebatnya, kamu bisa minta agent AI buat menyulap tampilan desain jadi kode, atau minta AI mengubah bagian kode tertentu pas lagi menguji alur prototipe.

Chief Design Officer Figma, Loredana Crisan, ngasih sudut pandang menarik soal fenomena ngoding di era AI. Seperti kata Loredana Crisan kepada TechCrunch, "Banyak dari kode itu sebenarnya bukan dibangun untuk dirilis, tapi dibuat untuk menemukan bentuk produknya. Dibangun untuk mendesain."

Menurut Figma, jumlah baris kode yang diproduksi saat ini melonjak 17 kali lipat dibanding masa lalu. Tapi kalau dilihat dari jumlah peluncuran aplikasi ke publik, kenaikannya cuma 1,3 kali lipat. Fakta ini membuktikan bahwa tim produk zaman sekarang banyak memanfaatkan kode cuma buat bereksperimen dan mematangkan konsep antarmuka sebelum versi akhir dilempar ke pengguna.

Integrasi 20 Tool MCP Baru dan Payload CMS di Figma Make

Figma juga makin terbuka ke ekosistem luar dengan mendukung lebih dari 20 tool baru lewat protokol MCP (Model Context Protocol). Nama-nama yang masuk dalam daftar ini mencakup Open Code, Dia, Grok Bot, hingga startup AI asal India bernama Sarvam.

Nggak kalah penting, ada update dari Payload, platform headless CMS open source yang diakuisisi Figma tahun lalu. Sekarang Payload resmi diintegrasikan ke dalam produk Figma Make. Kolaborasi ini memudahkan pengguna membangun website dinamis sekaligus mengelola kontennya langsung dari lingkungan kerja Figma tanpa alur kerja yang ribet.

Figma menyebut unduhan Payload sendiri udah melesat enam kali lipat dalam 12 bulan terakhir. Ekspansi fitur ini bertepatan dengan menguatnya pasar Figma di India. Negara tersebut kini jadi pasar pengguna terbesar Figma di luar Amerika Serikat, dengan catatan 40% dari 100 perusahaan teratas di Bursa Efek Bombay aktif memakai Figma dalam alur kerja produk mereka.

4 Langkah Memanfaatkan Figma Agent AI di Tim Kamu

Biar kolaborasi kamu bareng figma agent ai makin mulus dan minim revisi, kamu bisa ikuti langkah praktis berikut ini:

1. Susun aturan di Figma Specs: Buka Specs di dekat canvas, lalu tulis aturan warna, font, dan penamaan tombol memakai format Markdown yang rapi.
2. Tautkan aset penting: Hubungkan library komponen UI dan diagram FigJam ke dalam dokumen Specs biar agent memahami konteks produk kamu secara utuh.
3. Beri instruksi ke agent canvas: Minta agent AI menyusun halaman atau kartu informasi baru sambil merujuk dokumen Specs yang sudah dibuat.
4. Gunakan Code Layers buat interaksi: Ubah desain statis jadi prototipe fungsional lewat Code Layers, lalu minta agent memodifikasi perilakunya sesuai kebutuhan testing.

Buatkan komponen formulir pendaftaran baru dengan merujuk pada gaya tombol dan palet warna yang tercatat di Figma Specs. Pastikan susunan responsif dan sertakan status error.

Dampak Nyata buat Desainer dan Developer di Indonesia

Buat ekosistem digital di Indonesia, fitur baru ini jadi kabar segar buat memangkas drama serah terima antara UI/UX designer dan frontend developer. Selama ini, desainer agensi maupun startup lokal sering mengeluh tampilan aplikasi hasil kodingan nggak mirip sama rancangan awal. Sebaliknya, developer sering bingung karena prototipe yang dibikin terlalu rumit buat diimplementasikan ke kode nyata.

Dengan hadirnya Code Layers yang kini berstatus publik beta dan dokumen Specs penjaga aturan, jembatan antara desain dan rekayasa perangkat lunak jadi makin rapat. Desainer bisa langsung menguji prototipe interaktif berbasis kode, sementara developer bisa tenang karena agent AI bekerja berdasarkan acuan komponen yang jelas.

Meski teknologi pembantu makin canggih, pemahaman konsep antarmuka pengguna tetap jadi penentu kualitas akhir produk. Kamu tetap butuh kepekaan rasa dan logika produk yang matang biar bisa mengarahkan asisten cerdas ini dengan tepat.

Kalau kamu tertarik mengasah keahlian merancang visual digital yang terstruktur dan relevan buat industri saat ini, kamu bisa mendalaminya lewat kelas AI untuk Designer di Classai.