Flowstep ve Figma birbirini tamamlayan araçlardır, rakip değil. Flowstep, arayüz tasarımı fikirlerini hızla üretmenize ve keşfetmenize yardımcı olur; Figma ise çalışmalarınızı geliştirdiğiniz, iş birliği yaptığınız ve üretime hazır hale getirdiğiniz yerdir. İkisini birlikte kullanmak, her ikisinin avantajlarından yararlanmanızı sağlar.
Flowstep tasarımını Figma’ya nasıl kopyalarsınız
1
Flowstep'te bir veya daha fazla ekran seçin
Seçmek için bir ekrana tıklayın veya birkaç ekranı seçip hepsini tek seferde kopyalayın. Seçimin tuvalde vurgulandığından emin olun.
2
Seçimi kopyalayın
Mac’te **Cmd+**⇧+C, Windows’ta **Ctrl+**⇧+C tuşlarına basın. Flowstep, işlem sürerken “Preparing your design. Stay on the current tab.” (Tasarımınız hazırlanıyor. Geçerli sekmede kalın.) mesajını gösterir; kopyalama birkaç saniye içinde tamamlanır.
3
Figma dosyanıza yapıştırın
Figma’ya geçin ve tasarımı yerleştirmek istediğiniz dosyayı açın. Yapıştırmak için Mac’te Cmd+V, Windows’ta Ctrl+V tuşlarına basın. Flowstep ekranları, düzenlemeye hazır şekilde Figma tuvalinizde görünür.
Figma’ya kopyalama tarayıcınızın panosunu kullanır, bu nedenle tarayıcının Flowstep’in pano erişimine izin vermesi gerekir. Bir izin hatası görürseniz tarayıcı ayarlarından pano erişimine izin verip yeniden deneyin. Kopyalama sırasında sekme değiştirmek aktarımı keser; kopyalama tamamlanana kadar Flowstep sekmesini açık tutun.
Figma’dan tasarım aktarın
Tersi de mümkün: bir Figma çerçevesini düzenlenebilir ekranlar olarak Flowstep’e getirebilirsiniz. Aktarma herkes için kullanılabilir. Figma hesabınızı bir kez bağlayın, ardından bir çerçeve bağlantısından aktarın.1
Figma'yı bağlayın
Figma hesabınızı ayarlarınızdan Flowstep’e bağlayın. Flowstep, erişiminiz olan dosyaları okumak için Figma’nın yetkilendirmesini kullanır.
2
Figma'da bir çerçeve bağlantısı kopyalayın
Figma’da istediğiniz çerçeveye sağ tıklayın ve Copy link to selection seçeneğini seçin. Bir sayfanın tüm üst düzey çerçevelerini tek seferde aktarmak için sayfanın tamamının bağlantısını da kopyalayabilirsiniz.
3
Flowstep'e aktarın
Flowstep araç çubuğundaki Figma içe aktarma seçeneğini kullanın ve bağlantıyı yapıştırın. Flowstep çerçeveyi tuvalinizde düzenlenebilir öğelere dönüştürür. Her aktarma yeni bir ekran ekler; aynı çerçeveyi yeniden aktarmak önceki aktarımın yerini almaz, bu nedenle artık ihtiyacınız yoksa eski ekranı silin.
Neler aktarılır
Flowstep bir Figma çerçevesini düz bir görsel olarak değil, yerel ve düzenlenebilir öğeler olarak yeniden oluşturur. Aktarma şunları getirir:- Çerçeveler ve iç içe geçmiş katmanları
- Metin; kalınlık, renk ve kalın gibi karakter bazlı biçimlendirme dahil
- Figma değişkenlerinizdeki renkler
- Görsel dolguları, SVG simgeleri ve şekiller
- Dış ve iç gölgeler ile katman ve arka plan bulanıklıkları
- Kesik çizgili ve noktalı kenarlıklar
Dosyanın bağlı olduğu organizasyonda Figma bağlı olmalıdır. Bir çerçeve aktarılamazsa Flowstep, sonraki adımda ne yapmanız gerektiğini söyleyen bir mesaj gösterir. Örneğin yetkilendirmeniz sona erdiyse Figma’yı yeniden bağlayın; Figma istek sınırına takıldıysa veya yanıtı yavaşsa bekleyip yeniden deneyin; Topluluk şablonu içinse önce şablonu ekibinizle paylaşılan bir kopyaya çoğaltın ve yeni bağlantıyı yapıştırın.