Design EditorBelgelerAjanlar ve yapay zekâ
MCP araçları
Ajanlar yaklaşık 190 araçla çalışır: belgeyi okur, değiştirir, sayfaların tamamını üretir, içe ve dışa aktarır ve kod yazar.
1Bir ajan nereden başlamalı
get_editor_state açık belgeyi, sayfayı ve seçimi döndürür. ToolSearch doğru aracı anahtar sözcükle bulur; böylece ajanın tüm listeye baştan ihtiyacı olmaz.
2Katmanlı iş akışı
design_skeletonsayfa çerçevesini ve bölümlerini yerleştirir.design_contenther seferinde bir bölümü doldurur.design_refinebitmiş bir sayfayı cilalar.finalize_designsayfanın tamamında sabit onarım geçişleri çalıştırır.
Onarımlar yalnızca ajanın ürettiği öğelere dokunur, sizin katmanlarınıza asla. Yeni sayfalar mevcut çalışmanın üstüne değil, sağına yerleştirilir.
3Araç grupları
| Grup | Örnekler |
|---|---|
| Belge | open_document, save_document, lint_document, get_design_quality |
| Okuma | read_nodes, find_node_by_name, snapshot_layout, find_empty_space |
| Düzenleme | insert_node, update_node, move_node, replace_all_matching_properties |
| Seçim | set_selection, align_selected, group_selected, boolean_op, undo |
| Sayfalar | add_page, duplicate_page, reorder_page, set_active_page |
| Bileşenler | create_component, instantiate_component, add_library, 37 insert_* kit aracı |
| Değişkenler | set_variables, set_themes, apply_design_system, save_theme_preset |
| Rehberlik | get_design_md, get_style_guide, get_guidelines |
| Üretim | batch_design, execute, generate, enrich_images, run_design_agent |
| İçe aktarma | import_svg, import_html, import_html_url, import_pen_dev |
| Dışa aktarma | get_screenshot, export_nodes, export_frames, export_deck |
| Kod | codegen_export, codegen_plan, codegen_assemble |
| Önizleme | set_screen, set_slide_transition, capture_preview, browser |
de tools her aracı parametreleriyle birlikte yazdırır; de <tool> key=value ise terminalden bir aracı çağırır.
4Betikler
execute belge üzerinde JavaScript çalıştırır. Betiğin tamamı tek bir geri alma adımıdır; bir ajan yüz değişiklik yapsa bile hepsini tek bir Cmd+Z ile geri alabilirsiniz.
5Görseller ve vektörler
generate yapay zekâ görselleri üretir, stok fotoğraf bulur, SVG çizer, bir görseli vektöre dönüştürür, arka planı kaldırır ya da değiştirir. enrich_images boş görsel alanlarını Openverse'ten, olmazsa Wikimedia'dan fotoğraflarla doldurur.
6Form öğeleri
Ajanlar çalışan form denetimleri yerleştirebilir: metin girişleri, metin alanları, sayı girişleri, seçim kutuları, radyo grupları, anahtarlar, onay kutuları, kaydırıcılar, ilerleme çubukları ve sekmeler.