İçeriğe geç
craft apps
Tüm Craft Apps araçları
FiFigCraftGörsel ve tasarım

FigCraft online arayüz tasarımı

FigCraft ile tarayıcınızda ücretsiz ekran tasarlayın, şekil ve metinle çalışın. Yeni belgeyle başlayın; içe aktarma ve kaydetme sınırlarını inceleyin.

ÇALIŞMA ALANI / BİÇİMLERArayüz · Tasarım
FigCraftDÜZENLEYİCİ ÖNİZLEMESİ
Mobil ekranlar ve katman ağacıyla FigCraft arayüz tasarım alanı.

Asıl projeden, İngilizce arayüzle alınan örnek. Özellikler ve düzen bu tarayıcı sürümünde farklı olabilir.

Ekran görüntüsünün kaynağı

FIGCRAFT / Arayüz · Tasarım

Çevrimiçi Fig Craft düzenleyicisi: ilk adımlar

FigCraft bir arayüz fikrinin başlangıcına uygundur: boş bir tuval, birkaç ekran, şekil ve metin ilişkileri. Yeni bir belgede görsel yönünüzü çizin veya küçük bir düzen deneyin. Bu tarayıcı alanında oluşturabileceklerinize odaklanın.

Düzenli kullanmaya başlamadan önce.

Tarayıcı desteklenen dosyaları açabilir. v0.10.0 testimizde Kaydet, Farklı kaydet ve çizimi dışa aktarma işlemleri dosya indirmedi. Kaynak dosyalarınızı saklayın ve bir kopyayla deneyin. Craft Apps, projeler için bulut depolama veya çevrimiçi ortak çalışma hizmeti sunmaz.

DÜZENLEYİCİ ÖNİZLEMESİ

Fig Craft düzenleyicisi yakından

Fig Craft düzenleyicisi deneyimi için kaynak projenin özgün ekran görüntülerine bakın. Belirli işleri örneklerler; bu web sürümünde denetimler ve dosya desteği farklı olabilir. Görüntünün tamamını açarak inceleyin.

01 / FigCraft

Fig Craft’ta bağlantılı ekranlar

Asıl prototip örneği, başlangıç ekranlarını etkileşim çizgileriyle bağlıyor. Bu, bir akışı anlatma örneğidir; tüm prototip özelliklerinin burada kullanılabildiği anlamına gelmez.

FigCraft başlangıç ekranları ve prototip bağlantıları.
Fig Craft başlangıç ekranları ve prototip bağlantıları.
02 / FigCraft

Fig Craft’ta şekiller ve yollar

Vektör şeklinin noktaları ve tutamaçları görünür durumda. Bir grafiğin sabit resim olarak değil, yol düzeyinde nasıl düzenlenebildiğini gösteriyor.

FigCraft vektör yolu düzenleme örneği.
Fig Craft vektör yolu düzenleme örneği.
03 / FigCraft

Fig Craft’ta ızgaralar ve hiyerarşi

Örnek panel, grafikleri ve bilgi bloklarını görünür bir sütun ızgarasına yerleştiriyor. Hizalama ve hiyerarşiye odaklanın; örnekteki değerler canlı analiz verisi değildir.

Görünür sütun ızgarasıyla FigCraft panel düzeni.
Görünür sütun ızgarasıyla Fig Craft panel düzeni.

FigCraft araçları

FIGCRAFT / 01—03
01

Arayüz tasarım tuvali

02

Şekiller ve metin

03

Ekran kompozisyonu

Kısa bir Fig Craft düzenleyicisi rehberi

01 /

Küçük bir dosyayla başlayın

Yeni bir belgede küçük bir ekran veya şekil denemesiyle başlayın. Asıl dosyayı koruyun.

02 /

Tek bir değişikliğe odaklanın

Anlaşılır boşluklar, hiyerarşi ve ekran ilişkileri kurun. FigCraft’ta bir değişiklik yapın, devam etmeden önce başlangıçla karşılaştırın.

03 /

Kaydetme seçeneklerini kontrol edin

Tasarımınızın bir kopyasıyla çalışın ve orijinalini başka bir yerde saklayın. Bu web sürümünde tasarım dosyalarını kaydetme ve çizimleri dışa aktarma henüz desteklenmiyor.

Çevrimiçi Fig Craft düzenleyicisi ile başlayın

Ücretsiz Fig Craft düzenleyicisi için küçük bir dosya kopyasıyla başlayın. Asıl dosyayı ayrı tutun; daha büyük bir dosyaya geçmeden önce kullanılabilir kaydetme seçeneklerini kontrol edin.

FigCraft aracını aç

BAŞLAMADAN ÖNCE

Fig Craft düzenleyicisi hakkında sorular

Ücretsiz Fig Craft düzenleyicisi için hesap gerekli mi?

Temel tarayıcı düzenleyicisini hesap açmadan ücretsiz kullanabilirsiniz. Seçtiğiniz harici hizmetlerin kendi koşulları olabilir.

Fig Craft düzenleyicisi deneyimi için hangi cihaz uygun?

Klavye ve fareyle güncel bir masaüstü tarayıcısı kullanın. Mobil destek düzenleyiciye göre değişir; bu sayfadaki iş akışı kontrolleri yalnızca masaüstünde yapılmıştır.

Fig Craft düzenleyicisi rehberi ile nereden başlamalıyım?

Yeni bir belgede küçük bir ekran veya şekil denemesiyle başlayın. Asıl dosyayı koruyun.

Fig Craft düzenleyicisi ile kaydetmeden önce neyi kontrol etmeliyim?

Desteklenen dosyaları tarayıcıdan seçip açabilirsiniz. v0.10.0 testimizde SVG içe aktarıldı; ancak Kaydet, Farklı kaydet ve çizimi dışa aktarma işlemleri dosya indirmedi. Bu işlemler web sürümünde henüz kullanılamıyor. Bulut depolama ve çevrimiçi ortak çalışma hizmeti dahil değildir.

Bu görüntüler burada barındırılan sürümü mü gösteriyor?

Galeri, asıl projeden örnekler içerir. Bunlar amaçlanan iş akışlarını gösterir; burada barındırılan tarayıcı sürümü için dosya uyumluluğu garantisi vermez. Burada yapılan kontroller ayrıca belirtilir.

Fig Craft düzenleyicisi ile her dosya biçimi doğrulandı mı?

Hayır. Biçim adları projenin çalışma alanını tanımlar. Yalnızca bu sayfada tarihli bir test sonucu bulunan işlemler burada kontrol edilmiş sayılır. Diğer girdiler, efektler ve dışa aktarma yolları ayrıca denenmelidir.