Beranda UXMagic
  • Fitur
  • Pustaka
  • Komunitas
  • Harga
  • Afiliasi
  • Sumber Daya
Beranda UXMagic
Beranda UXMagic

Pustaka

Komunitas
Harga
Afiliasi

Sumber Daya

Ikuti kami di:
  • Ikuti kami di Slack
  • Ikuti kami di Twitter
  • Ikuti kami di LinkedIn
  • Ikuti kami di YouTube
  • Ikuti kami di Instagram
Pusat Bantuan
  • 🚀Memulai
  • ✨Membuat desain
  • 🎨Mendesain & mengedit
  • 📦Ekspor & penyerahan
  • 🌐Menerbitkan situs
  • 🤝Berbagi & berkolaborasi
  • 🔌Integrasi & developer
    • Server MCP UXMagic
    • Kunci API
    • Plugin Figma UXMagic
    • Sinkronisasi GitHub
    • Memakai UXMagic dari ChatGPT, Claude, dan asisten lain
  • 💳Paket, kredit & penagihan
  • 🛠Pemecahan masalah

Masih buntu?

Tim kami menjawab dari dalam produk.

Hubungi dukungan →
  1. Pusat Bantuan/
  2. Integrasi & developer/
  3. Server MCP UXMagic

Server MCP UXMagic

Hubungkan Claude, Cursor, VS Code, Windsurf, Codex, atau Antigravity ke proyek UXMagic Anda.

Terakhir diperbarui: 27 Agustus 2026

Di halaman ini

  • Penyiapan
  • Yang bisa dilakukan asisten Anda setelah terhubung
  • Alur kerja yang biasa
  • Kredit
  • Keamanan

Model Context Protocol (MCP) adalah standar terbuka yang memungkinkan asisten AI berbicara langsung dengan perkakas eksternal. Server MCP UXMagic menghubungkan asisten pemrograman AI Anda ke proyek UXMagic yang sebenarnya — jadi alih-alih menyalin tangkapan layar ke obrolan, asisten Anda membaca desain yang asli.

uxmagic.ai/dashboard/project
Dialog Hubungkan MCP, menampilkan IDE yang didukung: Antigravity, Cursor, Codex, VS Code, Windsurf, dan Claude.
Connect MCP pairs a project with Claude, Cursor, VS Code, Windsurf, Codex or Antigravity.

Penyiapan#

  1. Buka halaman MCP dan pilih IDE Anda.
  2. Buat kunci API — lihat Kunci API.
  3. Salin konfigurasi yang dihasilkan dan tempel di pengaturan MCP IDE Anda.
  4. Mulai ulang IDE kalau ia tidak langsung mengenali server barunya.

Didukung sejak awal: Claude, Cursor, VS Code, Windsurf, Codex, dan Antigravity. Klien apa pun yang kompatibel dengan MCP bekerja dengan konfigurasi yang sama.

Yang bisa dilakukan asisten Anda setelah terhubung#

Membaca pekerjaan Anda

  • Mendaftar proyek Anda, dan mengambil detail sebuah proyek.
  • Mendaftar layar dalam sebuah proyek, dan mengambil detail sebuah layar.
  • Membaca HTML sebuah layar, dan membaca tema proyek.
  • Mendaftar dan membaca dokumen proyek (PRD, brief).

Mengubah pekerjaan Anda

  • Membuat proyek, membuat layar, menduplikasi layar.
  • Melakukan pengeditan terarah cari/ganti pada sebuah layar, atau mengganti seluruh isi layar.
  • Mengganti gambar.
  • Mengekspor layar ke Figma.

Membuat

  • Memulai sebuah pembuatan desain, memeriksa statusnya, lalu mengonfirmasi atau membatalkannya.

Pembuatan sengaja dibuat sebagai jabat tangan tiga langkah alih-alih satu panggilan: asisten Anda memulainya, mengawasinya, dan Anda yang memutuskan apakah hasilnya disimpan — sehingga lingkaran agen tidak bisa diam-diam membakar kredit Anda.

Alur kerja yang biasa#

“Baca layar Harga dari proyek Ledgerly saya dan implementasikan sebagai komponen React memakai design token kami.”

Asisten Anda menarik markup dan tema aslinya, lalu menulis kode berdasarkan itu. Tanpa tangkapan layar, tanpa penyimpangan, tanpa perlu menjelaskan ulang desainnya.

Kredit#

Operasi baca gratis. Pembuatan lewat MCP memakan kredit yang sama dengan pembuatan di aplikasi — mesinnya sama.

Keamanan#

Kunci API Anda mengautentikasi koneksi ke akun Anda. Jauhkan dari berkas yang di-commit, dan rotasi atau cabut kapan saja dari pengaturan akun.

Sering ditanyakan

IDE mana saja yang didukung?
Claude, Cursor, VS Code, Windsurf, Codex, dan Antigravity — serta klien lain yang kompatibel dengan MCP.
Apakah saya perlu memasang sesuatu?
Tidak. UXMagic membuatkan konfigurasi untuk IDE Anda; Anda tinggal menempelkannya di pengaturan MCP IDE tersebut.

Apakah artikel ini membantu?

Artikel terkait

Kunci API

Membuat, merotasi, dan mencabut kunci untuk server MCP dan akses API.

Ekspor kode (HTML, React, Tailwind)

Ekspor satu layar atau satu proyek penuh sebagai kode front-end siap produksi.

Sinkronisasi GitHub

Kirim kode hasil ekspor langsung ke repositori, dan tayangkan dengan GitHub Pages.

← SebelumnyaKomunitas dan inspirasiBerikutnya →Kunci API

Di halaman ini

  • Penyiapan
  • Yang bisa dilakukan asisten Anda setelah terhubung
  • Alur kerja yang biasa
  • Kredit
  • Keamanan

idemu yang berikutnya
layak untuk diwujudkan

berhenti cuma memikirkannya. langsung ketik saja. Berantakan, setengah jadi, apa pun itu. Kami yang akan mengubahnya jadi sesuatu yang nyata.

Produk

  • Komunitas
  • Paket Harga
  • Program Afiliasi
  • UXMagic MCP
  • Claude MCP
  • Info AI

Sumber Daya

  • Pusat Bantuan
  • Pustaka Figma
  • Pustaka React
  • Template Aplikasi Mobile
  • Dokumentasi
  • Tutorial

Fitur

  • Prompt ke UI
  • Gambar ke UI
  • Sketsa ke UI
  • Kloning situs web
  • Impor dari Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Semua Fitur

Bandingkan

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Semua Kompetitor

Blog

  • AI dalam Alur Kerja Desain UX: Apa yang Benar-Benar Berhasil
  • Template Prompt untuk Dashboard SaaS
  • Prompt Nyata yang Kami Gunakan untuk Membuat Alur Produk
  • Prompt Engineering untuk Desainer UX
  • Alat Wireframing Terbaik 2026: Perbandingan 10 Opsi Gratis & Pro
  • Semua Blog

Perusahaan & Dukungan

  • Karier
  • Hubungi Kami
  • Kebijakan Privasi
  • Ketentuan Penggunaan
  • Pengaturan Cookie
  • Ikuti kami di Slack
  • Ikuti kami di Twitter
  • Ikuti kami di LinkedIn
  • Ikuti kami di YouTube
  • Ikuti kami di Instagram

© 2026 UXMagic AI Technologies Inc.