Yakalama Araçları
AI’ya hassas görsel bağlam sağlayın. Ekran görüntüleri, element seçimi ve görseller.
AI’ya ne kadar hassas görsel bağlam sağlarsanız, düzenlemeler o kadar iyi olur. Proyecta birçok yakalama aracıyla birlikte gelir.
Bir element seçin (Visual Editor)
Section titled “Bir element seçin (Visual Editor)”Visual Editor modunda, önizlemedeki her element tıklanabilir hale gelir. Vurgulamak için üzerine gelin, seçmek için tıklayın. Seçilen element bir katman ile vurgulanır ve düzenlenebilir özellikleri (metin, renkler, boşluklar, yazı tipleri, kenarlıklar, efektler) kenar çubuğu panelinde görünür.
Bir element seçildiğinde şunları yapabilirsiniz:
- Doğrudan düzenleyin — herhangi bir komut yazmadan özellikleri satır içinde değiştirin
- AI’ya sorun — seçim bağlam olarak iletilir, böylece
"bu butonu daha büyük yap"veya"bu bölümü hero'nun üstüne taşı"gibi şeyler söyleyebilirsiniz ve AI tam olarak ne kastettiğinizi bilir
Dinamik elementler (hesaplanmış classNames, koşullu render, ifadeler) yapılandırılmış bir komutla otomatik olarak AI sohbetine geri döner.
Düzenlenebilir özelliklerin tam listesi için Visual Edit sayfasına bakın.
Ekran görüntülerini sohbete yapıştırın veya sürükleyin
Section titled “Ekran görüntülerini sohbete yapıştırın veya sürükleyin”Sohbet girişi görselleri doğrudan kabul eder:
- Yapıştır — işletim sistemi kısayolunuzla (Mac’te Cmd+Shift+4, Windows’ta Win+Shift+S) bir ekran görüntüsü kopyalayın ve sohbete yapıştırın
- Sürükle — herhangi bir görsel dosyasını sohbet girişinin üzerine bırakın
Desteklenen formatlar: PNG, JPEG, WebP, GIF, AVIF. Maksimum boyut: görsel başına 10 MB.
Önizleme ekran görüntüleri
Section titled “Önizleme ekran görüntüleri”AI, yerleşik bir preview_screenshot aracı aracılığıyla istediği zaman önizlemenizin kendi ekran görüntüsünü alabilir. Ekran görüntüsü sonuçlarının sohbette satır içinde göründüğünü göreceksiniz. AI, değişikliklerini doğrulaması veya uygulamanızın mevcut durumunu anlaması gerektiğinde bunu otomatik olarak çalıştırır.
Ekran görüntüsü aracı belirli route’ları hedefleyebilir (örn. /dashboard, /settings) ve boyutları yakalar; bu da AI’nın düzen ve boşluklar hakkında akıl yürütmesine yardımcı olur.
AI’yı belirli bir butona veya metne nasıl yönlendiririm?
Visual Editor modunu kullanın ve elemente tıklayın. Bu, AI’ya hassas ve yapılandırılmış bir referans iletir — elementi kelimelerle tanımlamaktan çok daha etkilidir.
Yakında
Section titled “Yakında”Aşağıdaki yakalama araçları dahili olarak uygulanmıştır ancak henüz arayüzde kullanıma sunulmamıştır:
- Annotate — mevcut önizlemeyi yakalayın ve AI’ya göndermeden önce üzerine oklar, dikdörtgenler, daireler, serbest çizimler ve metin etiketleri çizin.
- Screen Record — çok adımlı bir etkileşimi (tıklamalar, gezinme, animasyonlar) kaydedin ve yakalanan kareleri sohbet mesajınıza ekleyin. Tek bir ekran görüntüsünün yakalayamayacağı zamanlama hassasiyeti gerektiren hatalar için idealdir.