Pustaka komponen dan sistem desain
Pakai pustaka Figma dan React bawaan, atau bawa komponen Anda sendiri ke sebuah proyek.
Terakhir diperbarui:
Pustaka bawaan
UXMagic menyertakan dua pustaka yang bisa Anda telusuri sambil mendesain:
- Pustaka komponen Figma — komponen siap ditaruh di berkas Figma.
- Pustaka komponen React — komponen kode dengan pola yang sama.
Keduanya tersusun per kategori, dan setiap komponen punya varian.
Membawa sistem desain Anda sendiri
Impor komponen Figma atau sistem desain Anda ke sebuah proyek agar layar yang dibuat memakai komponen Anda, bukan yang generik. Lihat Impor dari Figma.
Setelah diimpor, sebut namanya:
Pakai komponen Button dan Card kami untuk tingkatan harga.
Menjaga layar hasil AI tetap dalam sistem
Dua hal yang mengerjakan hampir semuanya:
- Tema yang cocok dengan merek Anda, supaya warna dan huruf sudah benar sejak awal. Lihat Tema dan panduan gaya.
- Instruksi eksplisit saat AI mulai berimprovisasi: “Pakai hanya komponen dari pustaka kami yang diimpor.”
Di Enterprise
Paket Enterprise menyertakan sistem desain dan pustaka komponen bersama untuk seluruh tim, sehingga layar yang dibuat siapa pun berangkat dari komponen yang sama.
Apakah artikel ini membantu?
Artikel terkait
Impor dari Figma
Bawa frame Figma yang sudah ada ke UXMagic dan lanjutkan mengeditnya dengan AI.
Tema dan panduan gaya
Cara kerja tema proyek, cara mengubahnya dengan aman, dan mengapa warna tidak boleh diedit layar per layar.
Ekspor kode (HTML, React, Tailwind)
Ekspor satu layar atau satu proyek penuh sebagai kode front-end siap produksi.