Courtesy of TheVerge
Figma Luncurkan Dev Mode MCP Server untuk Meningkatkan AI Terjemah Desain ke Kode
Memperkenalkan Dev Mode MCP Server sebagai alat yang memungkinkan AI coding tools mengakses data asli desain di Figma agar lebih akurat mengubah desain menjadi kode aplikasi yang fungsional dan sesuai dengan visi pengembang.
04 Jun 2025, 23.00 WIB
106 dibaca
Share
Ikhtisar 15 Detik
- Figma meluncurkan alat baru untuk membantu alat AI menerjemahkan desain menjadi aplikasi yang terkode.
- MCP server memberikan konteks yang lebih baik bagi model AI, mengurangi kesalahan dalam pengkodean.
- Platform Figma Make memungkinkan pembuatan aplikasi dengan deskripsi, mempercepat proses pengembangan.
Figma memperkenalkan Dev Mode MCP Server, alat baru yang membantu AI dan agen coding seperti Copilot serta Claude Code mengakses data desain langsung dari Figma. Ini membuat penerjemahan dari desain ke kode aplikasi menjadi lebih akurat dan efisien.
Server ini memungkinkan model AI mendapatkan informasi spesifik seperti angka pada grafik dan warna yang tepat, sehingga AI tidak perlu menebak hanya dari gambar saja. Hal ini mirip seperti seseorang yang ingin meniru lukisan harus tahu bagaimana lukisan tersebut dibuat, bukan hanya melihat hasil akhirnya.
Dengan mengurangi proses tebak-tebakan dan memberikan konteks desain yang lengkap, Dev Mode MCP Server membantu meminimalkan pemakaian besar-besaran model bahasa besar (LLM) oleh AI coding tools, sehingga proses pengembangan aplikasi bisa lebih cepat dan sesuai keinginan pengembang.
Figma menyatakan akan terus memperbarui MCP Server dengan kemampuan baru, termasuk menjalankan server secara remote dan integrasi kode yang lebih dalam. Saat ini versi beta server tersedia bagi pengguna yang memiliki akses Dev atau Full seat di Figma.
Selain itu, Figma sebelumnya sudah meluncurkan platform prompt-to-code Make yang memungkinkan pembuatan aplikasi hanya dengan mendeskripsikan kebutuhan, dan fitur Sites Code Layers yang mengubah desain menjadi website interaktif akan segera diluncurkan bulan Juni.
Pertanyaan Terkait
Q
Apa itu Dev Mode Model Context Protocol (MCP) yang diluncurkan oleh Figma?A
Dev Mode Model Context Protocol (MCP) adalah alat pengembangan yang memungkinkan model AI mengakses data dari Figma secara langsung.Q
Bagaimana MCP server dapat membantu alat AI dalam menerjemahkan desain?A
MCP server memberikan konteks yang lebih baik kepada alat AI, sehingga mereka dapat mengubah desain menjadi kode yang lebih akurat.Q
Apa keuntungan dari menggunakan data desain yang tepat daripada gambar?A
Dengan menggunakan data desain yang tepat, alat AI dapat mengurangi kesalahan dan mempercepat proses pengkodean.Q
Kapan fitur Figma Sites Code Layers akan diluncurkan?A
Fitur Figma Sites Code Layers akan diluncurkan pada 12 Juni.Q
Apa yang dimungkinkan oleh platform Figma Make?A
Platform Figma Make memungkinkan pengguna untuk membuat aplikasi kerja hanya dengan mendeskripsikannya.