MCP, Model Context Protocol, adalah standar terbuka yang memungkinkan agen AI terhubung ke sumber data dan alat. Bagi desainer, ini berarti alat pengkodean AI dapat membaca file desain secara langsung alih-alih menebak-nebak dari tangkapan layar, dan dalam beberapa kasus membuat atau mengubah desain itu sendiri.
Figma memiliki server MCP yang memberikan konteks desain agen AI, seperti variabel, komponen, dan tata letak, sehingga mereka dapat menghasilkan kode dari frame yang dipilih. Itu juga dapat menulis konten asli Figma kembali ke kanvas; Figma mendeskripsikan fitur tersebut sebagai gratis selama versi beta dan direncanakan untuk berbasis penggunaan. Menurut pusat bantuan Figma, server MCP tersedia pada paket Pemula, Profesional, Pendidikan, Organisasi, Pemerintahan, dan Perusahaan.
Penpot memiliki server MCP yang gratis dan terbuka. Penpot mendeskripsikannya sebagai bekerja dengan klien dan model MCP apa pun, termasuk Claude, Cursor, Visual Studio Code, dan OpenAI Codex, dan tim dapat menerapkannya di server mereka sendiri untuk menjaga kerahasiaan data desain.
ExodeUI yang kami buat memiliki server MCP untuk UI interaktif dan animasi. Claude Code, Cursor, dan alat pengkodean AI lainnya dapat membuat dan mengedit animasi, termasuk status, fisika pegas, masukan, dan peristiwa, dari perintah bahasa sederhana. Hasilnya adalah file .exode terbuka yang paket runtime diputar di React, Vue, Svelte, Angular, Solid, React Native, SwiftUI dan Flutter.
Alat lain menambahkan dukungan MCP dengan cepat, jadi periksalah dokumen masing-masing vendor sebelum Anda memilih. Icons8, misalnya, menawarkan server MCP untuk perpustakaan ikon dan ilustrasinya, yang berguna bersama aplikasi desain Lunacy tetapi tidak mengedit file Lunacy.