> ## 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.

# Flowstep tasarımlarını JPG veya PNG görüntü dosyaları olarak indirme

> Flowstep, tasarımları JPG veya PNG olarak dışa aktarmayı destekler. Hangi biçimin kendi durumunuza uyduğunu ve ekranlarınızı birkaç tıklamada nasıl indireceğinizi öğrenin.

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.49.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=b9d31a01c99bae3d325fdbfee34529dc" alt="Screenshot 2026 05 06 At 14 19 49" width="1824" height="1388" data-path="images/Screenshot-2026-05-06-at-14.19.49.png" />
</Frame>

Bir tasarımı paylaşmaya veya devretmeye hazır olduğunuzda, Flowstep bunu statik bir görüntü olarak — JPG veya PNG — dışa aktarmanıza izin verir. Her iki biçim de tasarım araçları, sunum yazılımı ve tarayıcılar arasında geniş şekilde desteklenir, böylece yapay zeka tarafından oluşturulan tasarımlarınızı ihtiyaç duyduğunuz her yere götürebilirsiniz.

## Tasarımınızı nasıl dışa aktarırsınız

<Steps>
  <Step title="Tasarımınızı açma">
    Flowstep içinde dışa aktarmak istediğiniz tasarıma gidin.
  </Step>

  <Step title="Dışa aktarma menüsünü açma">
    Araç çubuğunda veya tasarım panelinde dışa aktarma seçeneğini bulun. Dışa aktarma ayarlarını açmak için seçin.
  </Step>

  <Step title="Biçiminizi seçme">
    Kendi durumunuza bağlı olarak **JPG** veya **PNG** seçin (aşağıdaki karşılaştırmaya bakın).
  </Step>

  <Step title="Dosyayı indirme">
    Seçiminizi onaylayın ve dışa aktarılan görüntüyü cihazınıza indirin.
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.39.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=8f3132e26a9a759315dd87a7a624fe00" alt="Screenshot 2026 05 06 At 14 19 39" width="1828" height="1522" data-path="images/Screenshot-2026-05-06-at-14.19.39.png" />
</Frame>

## JPG vs PNG: hangi biçimi kullanmalısınız?

|                  | JPG                                                               | PNG                                                     |
| ---------------- | ----------------------------------------------------------------- | ------------------------------------------------------- |
| **Best for**     | Önizlemeleri paylaşma, sunumlar, paydaş incelemeleri              | Şeffaf arka planlı tasarımlar, yüksek sadakat devirleri |
| **File size**    | Daha küçük — e-posta veya mesajlaşma yoluyla paylaşımı daha hızlı | Daha büyük — tam görüntü detayını tutar                 |
| **Transparency** | Desteklenmiyor                                                    | Destekleniyor                                           |
| **Quality**      | Hafif sıkıştırılmış                                               | Kayıpsız — kalite düşüşü yok                            |

<Tip>
  Tasarımınızı bir slayt gösterisine yapıştırıyorsanız veya bir istemciye hızlı bir önizleme gönderiyorsanız, JPG genellikle doğru seçimdir. Keskin kenarlar veya şeffaf arka plana ihtiyacınız varsa — örneğin, tasarımı başka bir görüntünün üzerine yerleştirmek için — PNG kullanın.
</Tip>

## Kodu dışa aktarma

Görüntülerin ötesinde, **Code** düğmesi bir ekranı React + Tailwind kodu olarak dışa aktarır — bir parçacık kopyalayın veya tüm paket'i ZIP olarak indirin. Paketler bağımsızdır: tasarımda kullanılan görüntüler (sohbet panelinde eklediğiniz olanlar da dahil) bir `public/assets/` klasörüne dahil edilir ve kod yerel yol tarafından bunlara başvurur, böylece dışa aktarma olduğu gibi çalışır.

İndirilen dosyalar — görüntüler ve kod paketleri aynı şekilde — ait oldukları ekranın adıyla adlandırılır (ekran adlandırılmamışsa dosya adına döner), bu da birçok ekranla çalışırken dışa aktarmaları belirlemek için kolay hale getirir.

<Note>
  Tasarımınızı bir vektör düzenleme iş akışına almak gerekiyorsa, bunun yerine doğrudan Figma'ya kopyalayın. [Flowstep tasarımlarını Figma'ya anında kopyalama](/tr/figma-integration) konusunu görebilirsiniz.
</Note>