Design EditorBelgelerEditörü kullanma
Tuval ve araçlar
Tuval pencerenin tamamını kaplar, paneller üzerinde yüzer. Her aracın tek tuşluk bir kısayolu vardır.
1Araçlar
| Araç | Ne yapar |
|---|---|
Seç V | Katmanları seçer, taşır ve yeniden boyutlandırır. |
Çerçeve F | Çerçeve çizer. En üst düzeydeki bir çerçeve bir artboard, ekran ya da slayttır. |
Dikdörtgen R | Şekil yuvası. Menüsünde Çokgen, Yıldız, Çizgi, Simge ve Tarayıcı da bulunur. |
Elips O | Daireler ve elipsler; yaylar ve halkalarla birlikte. |
Çokgen Y, Çizgi L | Düzgün çokgenler ve düz çizgiler. |
Kalem P | Birden çok bağlantı noktalı yollar. Enter ya da Escape yolu bitirir. |
Kurşun kalem Shift+P | Serbest çizgiler; eğrilere yumuşatılır. |
Metin T | Tıklayınca büyüyen bir metin kutusu, sürükleyince sabit genişlikte bir kutu oluşturur. |
Not N | Kendiniz ya da bir ajan için not, bağlam ve istem kartları. |
| Görüntü | Bir PNG, JPEG, GIF, WebP veya SVG dosyası yerleştirir. |
El H | Tuvali kaydırır. Space tuşunu basılı tutmak da aynısını yapar. |
2Özel şekiller
- Yıldız: iç yarıçapı olan bir çokgen. Panel köşe sayısını ve iç yarıçapı ayarlar.
- Elips yayları: paneldeki Başlangıç, Süpürme ve İç değerleri bir elipsi pasta dilimine, yaya ya da halkaya dönüştürür.
- Simge: Lucide, Feather, Simple Icons (markalar), outlined, rounded ve sharp biçimlerinde Material Symbols ve Phosphor arasından seçer.
- Kurşun kalem yumuşatma: Hassas, Dengeli ya da Yumuşak; Ayarlar, Sistem'den ayarlanır. Kalem imleci stili de oradadır.
3Tuvalde canlı web sayfaları
Tarayıcı şekli gerçek bir web sayfasını URL, yakınlaştırma ve kaydırma ile birlikte Masaüstü, Tablet ya da Telefon cihazı olarak gösterir. Bilgisayarınızda zaten kurulu olan Chrome, Chromium, Edge veya Brave'i kullanır; başka birini seçmek için DE_BROWSER_PATH değişkenini ayarlayın.
Açtığınız bir dosyadaki sayfalar siz Sayfaları yükle'ye tıklayana kadar duraklatılmış kalır; böylece bir dosyayı açmak hiçbir siteyi kendiliğinden ziyaret etmez.
4Notlar ve betikler
Not, bağlam ve istem kartları yalnızca tuvalde bulunur. Hiçbir dışa aktarmaya dahil edilmezler; böylece tasarımın yanına bir ajan için talimat bırakabilirsiniz.
Betik düğümü, JavaScript ile çizilen bir çerçevedir. @input parametreleri panelin Betik bölümünde alanlar olarak görünür.
6Hizalama, yaslama ve birleştirme
Bir katmanı sürüklerken akıllı kılavuzlar görünür ve katman çevresindeki katmanların kenarlarına ve merkezlerine yaslanır.
Panelden sola, ortaya, sağa, üste, dikey ortaya ya da alta hizalayın. Üç veya daha fazla katman seçiliyken yatay ya da dikey olarak dağıtın.
Boole işlemleri şekilleri birleştirir: Birleştir Cmd+Alt+U, Çıkar Cmd+Alt+S, Kesiştir Cmd+Alt+I, Hariç tut Cmd+Alt+X. Bunlar katman menüsünde de bulunur. Başka katmanlar içeren çerçeveler birleştirilemez.
7Kopyalama ve yapıştırma
Kopyala, kes ve yapıştır katmanlar üzerinde çalışır. Figma'da kopyalayıp burada yapıştırdığınız katmanlar düzenlenebilir katmanlar olarak gelir. Herhangi bir yerden yapıştırılan HTML de katmanlara dönüşür.