Pomodo Logo IconPomodo Logo Icon
Tanya PomodoSemua Artikel
Semua
Figma Luncurkan Dev Mode MCP Server untuk Meningkatkan AI Terjemah Desain ke Kode
Courtesy of TheVerge
Teknologi
Pengembangan Software

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
113 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.
Baca juga: Figma Make Kini untuk Semua Pengguna: Bikin Prototipe Tanpa Coding Jadi Mudah
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.
Baca juga: Canva dan Claude AI Kini Bisa Desain dengan Perintah Bahasa Alami
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.
Sumber: https://theverge.com/news/679439/figma-dev-mode-mcp-server-beta-release

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.

Artikel Serupa

Figma Mengintip IPO dengan Keuangan Kuat dan Tantangan AI Kompetitif
Figma Mengintip IPO dengan Keuangan Kuat dan Tantangan AI Kompetitif
Dari TechCrunch
Google Stitch: Alat AI Cepat Ubah Ide UI Jadi Desain dan Kode Aplikasi
Google Stitch: Alat AI Cepat Ubah Ide UI Jadi Desain dan Kode Aplikasi
Dari TheVerge
Microsoft Perkenalkan MCP di Windows untuk AI Agent Lebih Cerdas dan Aman
Microsoft Perkenalkan MCP di Windows untuk AI Agent Lebih Cerdas dan Aman
Dari TheVerge
Microsoft dan GitHub Dukung MCP untuk Hubungkan AI dengan Data Lebih Mudah
Microsoft dan GitHub Dukung MCP untuk Hubungkan AI dengan Data Lebih Mudah
Dari TechCrunch
Figma Luncurkan Empat Produk Baru untuk Mendukung Seluruh Proses Desain Produk
Figma Luncurkan Empat Produk Baru untuk Mendukung Seluruh Proses Desain Produk
Dari TheVerge
Figma Perkenalkan Fitur AI Baru untuk Pembuatan Website dan Aset Kreatif
Figma Perkenalkan Fitur AI Baru untuk Pembuatan Website dan Aset Kreatif
Dari TechCrunch
Figma Mengintip IPO dengan Keuangan Kuat dan Tantangan AI KompetitifTechCrunch
Bisnis
1 bulan lalu
92 dibaca

Figma Mengintip IPO dengan Keuangan Kuat dan Tantangan AI Kompetitif

Google Stitch: Alat AI Cepat Ubah Ide UI Jadi Desain dan Kode AplikasiTheVerge
Teknologi
2 bulan lalu
118 dibaca

Google Stitch: Alat AI Cepat Ubah Ide UI Jadi Desain dan Kode Aplikasi

Microsoft Perkenalkan MCP di Windows untuk AI Agent Lebih Cerdas dan AmanTheVerge
Teknologi
2 bulan lalu
43 dibaca

Microsoft Perkenalkan MCP di Windows untuk AI Agent Lebih Cerdas dan Aman

Microsoft dan GitHub Dukung MCP untuk Hubungkan AI dengan Data Lebih MudahTechCrunch
Teknologi
2 bulan lalu
120 dibaca

Microsoft dan GitHub Dukung MCP untuk Hubungkan AI dengan Data Lebih Mudah

Figma Luncurkan Empat Produk Baru untuk Mendukung Seluruh Proses Desain ProdukTheVerge
Teknologi
2 bulan lalu
111 dibaca

Figma Luncurkan Empat Produk Baru untuk Mendukung Seluruh Proses Desain Produk

Figma Perkenalkan Fitur AI Baru untuk Pembuatan Website dan Aset KreatifTechCrunch
Teknologi
2 bulan lalu
134 dibaca

Figma Perkenalkan Fitur AI Baru untuk Pembuatan Website dan Aset Kreatif