SUMATERA BARAT — Figma memperkenalkan Figma Specs, editor berbasis Markdown untuk mendefinisikan bahasa desain perusahaan, dalam ajang Config India pertama mereka. Platform desain ini juga membuka fitur code layers ke beta publik dan mengintegrasikan CMS headless Payload ke Figma Make. Pembaruan ini menyasar tim produk yang ingin menjaga konsistensi desain saat memakai agen AI.
Figma Specs memungkinkan tim menuliskan aturan desain dalam format Markdown sederhana. Dokumen ini bisa berdiri sendiri sebagai file di Figma atau menyatu di dalam canvas. Selain teks, pengguna dapat merujuk elemen canvas, menyematkan diagram FigJam, code layers, dan desain lain langsung ke dalam dokumen.
Langkah ini menjawab masalah yang muncul sejak agen AI masuk ke alur kerja desain. Model AI bersifat non-deterministik, sehingga hasilnya sulit diprediksi. Figma menyediakan Specs sebagai acuan agar agen buatan Figma maupun pihak ketiga tetap mengikuti aturan brand.
Spesifikasi Fitur Baru Figma
- Figma Specs: editor Markdown untuk mendefinisikan bahasa desain, bisa berdiri sendiri atau di dalam canvas
- Code layers: menambahkan kode ke desain di canvas untuk prototipe lebih interaktif, kini beta publik
- Design system terpusat: tim bisa memasukkan design library, code library, dan panduan ke satu sistem rujukan
- Integrasi Payload: CMS headless yang diakuisisi Figma kini tersambung ke Figma Make untuk situs dinamis
- Dukungan MCP: lebih dari 20 alat baru, termasuk Open Code, Dia, Grok Bot, dan startup AI India Sarvam
Cara Agen AI Memakai Figma Specs
Specs berfungsi sebagai pusat konteks desain. Agen bisa merujuk dokumen ini untuk memahami aturan visual dan teknis sebelum menghasilkan output. Tim juga dapat mengelola konteks design system dari satu tempat.
Fitur code layers pertama kali diumumkan dalam beta privat pada Juni. Di acara India pekan ini, Figma membukanya ke beta publik agar lebih banyak pengguna menguji. Pengguna bisa meminta agen mengubah desain menjadi kode atau memodifikasi bagian kode untuk iterasi prototipe.
Loredana Crisan, chief design officer Figma, menjelaskan perubahan lanskap pengembangan perangkat lunak. "Ada 17 kali lebih banyak baris kode yang diproduksi hari ini dibanding masa lalu. Tapi saat melihat rilis, hanya 1,3 kali lebih banyak rilis," ujarnya kepada TechCrunch. Menurut dia, banyak kode tidak dibangun untuk dirilis, melainkan untuk menemukan bentuk produk.
Integrasi Payload dan Ekspansi di India
Figma mengakuisisi Payload, penyedia CMS headless open-source, tahun lalu. Kini Payload diintegrasikan dengan Figma Make untuk menghasilkan situs web dinamis dan mengelola konten langsung. Figma mencatat unduhan Payload naik enam kali lipat dalam 12 bulan terakhir.
India menjadi pasar terbesar Figma di luar Amerika Serikat berdasarkan jumlah pengguna. Kantor pertama mereka di sana dibuka akhir tahun lalu dengan fungsi sales, partnership, go-to-market, dan dukungan produk. Platform ini dipakai 40% dari 100 perusahaan teratas India yang tercatat di Bombay Stock Exchange.
Kapan Fitur Ini Tersedia
Code layers sudah bisa diuji publik melalui beta terbuka. Figma Specs dan integrasi Payload di Figma Make menyusul sesuai jadwal rollout yang belum dirinci perusahaan. Pengguna di Indonesia yang memakai Figma untuk kolaborasi tim bisa mencoba code layers lebih dulu lewat akun beta.
Figma menyasar tim produk dan desainer yang mulai memakai agen AI dalam alur kerja. Ketersediaan Specs sebagai acuan aturan brand membuat hasil agen lebih konsisten, terutama bagi perusahaan dengan design system kompleks.
