> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Tasarımları Flowstep ve Figma arasında taşıyın

> Herhangi bir Flowstep çerçevesini Figma'ya kopyala-yapıştır ile taşıyın veya Figma çerçevelerini Flowstep'e düzenlenebilir ekranlar olarak içe aktarın. Her iki araç arasında sorunsuzca çalışın.

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.04.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=0e31f66d221bc267a060704be409d9f2" alt="Screenshot 2026 05 06 At 14 19 04" width="1838" height="1266" data-path="images/Screenshot-2026-05-06-at-14.19.04.png" />
</Frame>

Flowstep, zaten kullandığınız tasarım iş akışına uyum sağlamak için tasarlanmıştır — onu değiştirmek için değil. Flowstep'te bir tasarım oluşturabilir ve bunu basit bir kopyala-yapıştır kullanarak hemen Figma'ya taşıyabilir veya tam tersini yapabilir ve bir Figma çerçevesini Flowstep'e içe aktarabilirsiniz. Bu, yapay zeka destekli tasarım üretiminin hızını Figma'da güvendiğiniz hassasiyet ve işbirliği özellikleriyle birleştirmeniz anlamına gelir.

<Note>
  Flowstep ve Figma tamamlayıcı araçlardır, rakip değildir. Flowstep, hızlı bir şekilde UI tasarım fikirlerini oluşturmanıza ve keşfetmenize yardımcı olur; Figma, üretim için hazır işleri iyileştireceğiniz, işbirliği yapacağınız ve geliştireceğiniz yerdir. Her ikisini birlikte kullanmak size en iyi sonucu verir.
</Note>

## Flowstep tasarımını Figma'ya kopyalamak

<Steps>
  <Step title="Flowstep'te bir veya daha fazla ekran seçin">
    Bir ekrana tıklayarak seçin — veya hepsini aynı anda kopyalamak için birden fazla ekran seçin. Seçimin tuval üzerinde vurgulandığından emin olun.
  </Step>

  <Step title="Seçimi kopyalayın">
    Mac'te \*\*Cmd+\*\*⇧+**C** veya Windows'ta \*\*Ctrl+\*\*⇧+**C** tuşlarına basın. Flowstep, çalışırken "Preparing your design — stay on this tab and keep the screen selected" mesajını gösterir; kopyalama bir an içinde tamamlanır.
  </Step>

  <Step title="Figma dosyanıza yapıştırın">
    Figma'ya geçin ve tasarımı yerleştirmek istediğiniz dosyayı açın. Mac'te **Cmd+V** veya Windows'ta **Ctrl+V** tuşlarına basarak yapıştırın. Flowstep ekranları Figma tuvalinizde düzenlemek için hazır halde görünür.
  </Step>
</Steps>

<Note>
  Figma'ya kopyalama, tarayıcınızın panosunu kullanır, bu nedenle tarayıcı Flowstep'e pano erişimi izni vermelidir — izin hatasını görürseniz, tarayıcı ayarlarında pano erişimine izin verin ve yeniden deneyin. Kopyalama sırasında sekmeleri değiştirmek aktarımı kesintiye uğratır; kopyalama bitene kadar Flowstep sekmesini odakta tutun.
</Note>

<Tip>
  Çerçeveyi Figma'da ayrılmış bir "AI imports" sayfasına yapıştırın ve çalışma dosyalarınızı düzenli tutun. Oradan, öğeleri tasarım sisteminize veya bileşen kitaplığınıza kendi temponuzda taşıyabilirsiniz.
</Tip>

## Figma'dan bir tasarımı içe aktarın

Diğer yönde de gidebilir ve bir Figma çerçevesini Flowstep'e düzenlenebilir ekranlar olarak taşıyabilirsiniz. İçe aktarma herkese açıktır — Figma hesabınızı bir kez bağlayın, ardından bir çerçeve bağlantısından içe aktarın.

<Steps>
  <Step title="Figma'yı bağlayın">
    Ayarlarınızdan Figma hesabınızı Flowstep'e bağlayın. Flowstep, erişiminiz olan dosyaları okumak için Figma'nın yetkilendirmesini kullanır.
  </Step>

  <Step title="Figma'da bir çerçeve bağlantısı kopyalayın">
    Figma'da taşımak istediğiniz çerçeveye sağ tıklayın ve **Copy link to selection** öğesini seçin. Tüm üst düzey çerçeveleri aynı anda içe aktarmak için bir sayfanın tamamına bağlantı da kopyalayabilirsiniz.
  </Step>

  <Step title="Flowstep'e içe aktarın">
    Flowstep araç çubuğunda 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. Aynı çerçeveyi yeniden içe aktarmak bunu yerinde günceller.
  </Step>
</Steps>

### Ne içe aktarılır

Flowstep, bir Figma çerçevesini yerel ve düzenlenebilir öğeler olarak yeniden oluşturur — düz bir görüntü değil. Bir içe aktarma aşağıdakileri sağlar:

* Çerçeveler ve iç içe katmanları
* Metin, ağırlık, renk ve kalın gibi karakter başına stil de dahil olmak üzere
* Figma değişkenlerinizden renkler
* Görüntü dolgular ve SVG simgeleri ve şekilleri
* Düşür ve iç gölgeler ile katman ve arka plan bulanıklığı
* Kesikli ve noktalı çizgiler

<Note>
  Dosyanın organizasyonunun Figma'sı bağlı olması gerekir. Bir çerçeve içe aktarılamazsa, Flowstep, ne yapmanız gerektiğini söyleyen işlem yapılabilir bir mesaj gösterir — örneğin, yetkilendirmenizin süresi dolmuşsa Figma'yı yeniden bağlayın, Figma hız sınırlaması yapıyorsa veya yavaşsa bekleyin ve yeniden deneyin veya Topluluk şablonu için önce onu takımınıza çoğaltın ve yeni bağlantıyı yapıştırın.
</Note>