Design EditorDokumentasiMenggunakan editor
Kanvas dan alat
Kanvas memenuhi jendela dan panel melayang di atasnya. Setiap alat memiliki pintasan satu tombol.
1Alat
| Alat | Fungsi |
|---|---|
Pilih V | Memilih, memindahkan, dan mengubah ukuran layer. |
Frame F | Menggambar frame. Frame tingkat atas adalah board, layar, atau slide. |
Persegi Panjang R | Slot bentuk. Menunya juga berisi Poligon, Bintang, Garis, Ikon, dan Browser. |
Elips O | Lingkaran dan elips, dengan busur dan donat. |
Poligon Y, Garis L | Poligon beraturan dan garis lurus. |
Pena P | Path dengan beberapa titik jangkar. Enter atau Escape mengakhiri path. |
Pensil Shift+P | Garis tangan bebas, dihaluskan menjadi kurva. |
Teks T | Klik untuk kotak teks yang melebar sendiri, seret untuk lebar tetap. |
Catatan N | Kartu catatan, konteks, dan prompt untuk Anda sendiri atau untuk agen. |
| Gambar | Menempatkan file PNG, JPEG, GIF, WebP, atau SVG. |
Tangan H | Menggeser kanvas. Menahan Space melakukan hal yang sama. |
2Bentuk khusus
- Bintang: poligon dengan radius dalam. Panel mengatur jumlah sudut dan radius dalamnya.
- Busur elips: Mulai, Sapuan, dan Dalam di panel mengubah elips menjadi potongan pai, busur, atau donat.
- Ikon: pilih dari Lucide, Feather, Simple Icons (merek), Material Symbols versi outlined, rounded, dan sharp, serta Phosphor.
- Penghalusan pensil: Presisi, Seimbang, atau Halus, diatur di Pengaturan, Sistem. Gaya kursor pensil juga ada di sana.
3Halaman web langsung di kanvas
Bentuk Browser menampilkan halaman web sungguhan sebagai perangkat Desktop, Tablet, atau Ponsel, lengkap dengan URL, zoom, dan gulir. Bentuk ini menggunakan Chrome, Chromium, Edge, atau Brave yang sudah terpasang di komputer Anda; atur DE_BROWSER_PATH untuk memilih browser lain.
Halaman dalam file yang Anda buka tetap dijeda sampai Anda mengklik Muat halaman, sehingga membuka file tidak pernah mengunjungi situs dengan sendirinya.
4Catatan dan skrip
Kartu catatan, konteks, dan prompt hanya ada di kanvas. Kartu ini tidak disertakan dalam ekspor apa pun, sehingga Anda bisa meninggalkan instruksi untuk agen di samping desain.
Node skrip adalah frame yang digambar oleh JavaScript. Parameter @input-nya muncul sebagai kolom di bagian Skrip pada panel.
6Ratakan, tempelkan, dan gabungkan
Saat menyeret layer, panduan pintar muncul dan layer menempel ke tepi dan titik tengah layer di sekitarnya.
Ratakan kiri, tengah, kanan, atas, tengah vertikal, atau bawah dari panel. Distribusikan secara horizontal atau vertikal setelah tiga layer atau lebih dipilih.
Operasi boolean menggabungkan bentuk: Gabungan Cmd+Alt+U, Kurangi Cmd+Alt+S, Irisan Cmd+Alt+I, Kecualikan Cmd+Alt+X. Operasi ini juga ada di menu layer. Frame yang berisi layer lain tidak dapat digabungkan.
7Salin dan tempel
Salin, potong, dan tempel berlaku untuk layer. Menyalin layer di Figma lalu menempelkannya di sini akan memasukkannya sebagai layer yang dapat diedit. Menempelkan HTML dari mana pun juga mengubahnya menjadi layer.