Evolusi Figma: Lapisan Kode, Plugin AI, dan Dukungan Motion

Figma secara mendasar mendefinisikan ulang batasan antara desain dan pengembangan dengan pembaruan masif terbarunya. Dengan mengintegrasikan lapisan kode (code layers) dan kemampuan AI generatif secara langsung ke dalam kanvas kolaboratifnya, platform ini bertransformasi dari alat prototipe statis menjadi lingkungan multi-disiplin yang dinamis.

Menjembatani Celah dengan Lapisan Kode

Dalam langkah signifikan menuju kesetaraan "design-to-code", Figma telah memperkenalkan lapisan kode langsung ke dalam kanvas multiplayer-nya. Fitur ini memungkinkan tim engineering untuk mengkloning repositori dan mengekstrak alur kode yang ada kembali ke dalam lapisan desain untuk pengujian dan iterasi yang cepat.

Berbeda dengan alur kerja tradisional di mana desainer menyerahkan file statis kepada pengembang, Chief Product Officer Figma, Yuhki Yamashita, menekankan bahwa lingkungan ini dibangun untuk eksplorasi, bukan untuk kesempurnaan yang siap produksi. Dengan memungkinkan desainer, manajer produk, dan engineer untuk berinteraksi dengan kode secara spasial dan non-linear, Figma bertujuan untuk mempercepat fase penemuan (discovery phase) dalam pengembangan produk, serta mengurangi hambatan yang sering ditemukan selama proses serah terima (hand-off).

Motion Lanjutan, Shader, dan Transformasi 3D

Selama bertahun-tahun, desain motion high-fidelity mengharuskan desainer untuk berpindah-pindah antara Figma dan perangkat lunak animasi khusus, yang sering kali menghasilkan proses konversi yang rumit. Figma menghilangkan kompleksitas ini dengan menambahkan dukungan asli untuk animasi, transisi, dan transformasi 3D.

Pembaruan ini juga memperluas toolkit visual dengan memperkenalkan dukungan untuk efek shader dan isian (fills). Hal ini memungkinkan elemen visual berkinerja tinggi yang lebih canggih untuk dibuat prototipenya di dalam alat itu sendiri, memastikan bahwa "feel" atau nuansa sebuah produk dapat ditangkap jauh lebih awal dalam siklus hidupnya.

AI Generatif dan Pembuatan Plugin Kustom

Figma semakin memperkuat peta jalan AI-nya dengan mengubah kanvas menjadi ruang kerja yang dapat diprogram. Pengguna kini dapat menggunakan perintah teks (text prompts) untuk membuat "skill" yang dapat diulang untuk agen AI, menjadikan asisten AI sebagai kolaborator yang disesuaikan, bukan sekadar alat generik. Untuk meningkatkan akurasi, AI kini dapat menyerap konteks dari alat eksternal seperti Notion, Excel, GitHub, Granola, dan berbagai file yang diunggah.

Yang mungkin paling revolusioner bagi komunitas pengembang adalah kemampuan untuk membuat plugin kustom melalui perintah sederhana. Baik pengguna membutuhkan generator tata letak tertentu atau pelacak jalur vektor (vector path tracer) yang kompleks, mereka kini dapat membangun alat fungsional khusus di dalam Figma tanpa menulis kode tradisional.

Mengintegrasikan Weavy untuk Alur Kerja Berbasis Model

Berdasarkan akuisisi alat berbasis node, Weavy, Figma sedang berupaya mengintegrasikan alur kerja berbasis model yang canggih. Akhir tahun ini, pengguna akan dapat menghasilkan alur kerja Weavy secara langsung di dalam antarmuka Figma. Hal ini akan memungkinkan tim desain untuk menjalankan alur kerja yang kompleks melalui berbagai model AI untuk membandingkan output, guna memastikan bahwa arah desain yang dipilih telah dioptimalkan di berbagai parameter generatif.

Poin-Poin Penting

  • Kesetaraan Code-to-Design: Lapisan kode baru memungkinkan tim untuk menarik data repositori ke dalam kanvas, menjadikan lingkungan desain sebagai ruang kolaborasi sejati bagi engineer dan desainer.
  • Motion & Shader Asli: Figma kini mendukung transformasi 3D, transisi, dan efek shader, sehingga mengurangi kebutuhan akan perangkat lunak animasi eksternal.
  • Ekstensibilitas Berbasis AI: Pengguna kini dapat menghasilkan plugin kustom dan "skill" AI yang dapat diulang melalui perintah teks, yang terintegrasi dengan data eksternal dari GitHub dan Notion.