Langsung ke konten utama
Untuk tim yang menggunakan Figma dalam proses desain mereka, Manus menawarkan integrasi yang kuat yang memungkinkan Anda mengubah desain Anda menjadi aplikasi web fungsional dengan satu perintah.

​
Cara Kerjanya

Daripada menerjemahkan desain Figma Anda secara manual menjadi kode, Anda cukup memberikan Manus tautan ke berkas Figma Anda. Manus akan menganalisis desain, termasuk tata letak, komponen, font, dan warna, serta secara otomatis menghasilkan kode yang sesuai untuk aplikasi web.

​
Proses

  1. Desain di Figma: Buat desain aplikasi Anda di Figma seperti biasa. image.png
  2. Berikan Tautan: Bagikan tautan bingkai Figma dengan Manus dan jelaskan apa yang ingin Anda buat. Contoh:
    “Ini adalah desain Figma untuk aplikasi seluler baru kami. Buat aplikasi web fungsional berdasarkan desain ini.”
  3. Manus Membangun Aplikasi: Manus akan menafsirkan desain dan menghasilkan HTML, CSS, dan JavaScript untuk frontend, serta komponen backend yang diperlukan untuk mewujudkan desain Anda.
    Anda dapat melampirkan beberapa bingkai ke permintaan Anda. Beri tahu Manus bagaimana bingkai-bingkai ini saling berhubungan—aliran halaman, interaksi, atau status komponen (seperti hover). Ini membantu Manus menghasilkan pengalaman multi-halaman atau interaktif yang akurat.
Integrasi ini secara dramatis mempercepat proses pengembangan, menjembatani kesenjangan antara desain dan pengembangan, dan memungkinkan Anda beralih dari desain statis ke aplikasi interaktif yang aktif dalam waktu yang sangat singkat.