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

# Figma

> Figma'yı Macaly hesabınıza bağlayın

Figma; arayüzler, prototipler ve tasarım sistemleri için işbirliğine dayalı bir tasarım aracıdır. Hesabınızı bir kez bağladığınızda agent tasarımlarınızı, bileşenlerinizi ve stillerinizi doğrudan projenizin çalışan parçalarına dönüştürür.

<Callout icon="user">
  Tüm planlarda kullanılabilir
</Callout>

## Figma'yı neden bağlamalısınız

* **Tasarımlarınızı gerçek sayfalara dönüştürün.** Agent'a bir Figma dosyası gösterin; düzeni, bileşenleri ve boşlukları duyarlı bir sayfaya dönüştürsün, böylece tasarımınızı elle yeniden oluşturmazsınız.
* **Oluşturduğunuz şeyi otomatik olarak marka kimliğinize uygun tutun.** Agent bileşenlerinizi, stillerinizi ve değişkenlerinizi, kullanıma hazır bir Tailwind yapılandırması dahil olmak üzere çeker; böylece projeniz elle yeniden oluşturmaya gerek kalmadan tasarım sisteminize uyar.
* **Tasarımları sohbetten çıkmadan devredin.** Herhangi bir frame'i görsel olarak dışa aktarın, geliştirici kaynaklarını ve dosya ayrıntılarını çekin, Figma ile projeniz arasındaki gidip gelmelerden kurtulun.

## Neye ihtiyacınız var

* Bir **Figma hesabı**. [figma.com](https://www.figma.com) adresinden ücretsiz oluşturabilirsiniz
* Yayınlanmış değişkenleri veya tam kitaplık analitiğini istiyorsanız bir Figma Organization veya Enterprise planı

## Figma'yı Macaly'ye bağlayın

<Steps>
  <Step title="Ayarlar'ı açın">
    Macaly çalışma alanınızda **Ayarlar → Entegrasyonlar** bölümüne gidin.
  </Step>

  <Step title="Figma'yı bağlayın">
    Uygulamalar listesinde Figma kartını bulun ve **Bağlan** düğmesine tıklayın.
  </Step>

  <Step title="Hesabınızı yetkilendirin">
    Yeni bir pencere açılır ve Figma'ya giriş yapmanız istenir. Erişimi onayladığınızda Macaly'ye geri yönlendirilirsiniz.
  </Step>
</Steps>

## Figma'yı sohbetten kullanın

Bağlantıyı kurduktan sonra ne istediğinizi anlatmanız yeterli, gerisini agent halleder.

Bir tasarımı sayfaya dönüştürün:

```
Fiyatlandırma sayfasının Figma tasarımı burada [bağlantı]. Bunu
gerçek bir sayfaya dönüştür, düzeni, bileşenleri ve boşlukları
birebir uygula ve duyarlı yap.
```

Tasarım sisteminizi projeye getirin:

```
Bu Figma dosyasındaki stilleri ve renk değişkenlerini çek ve
projem için bir Tailwind yapılandırmasına dönüştür.
```

Oluştururken varlıkları dışa aktarın:

```
Figma dosyamdaki "Hero" frame'ini SVG olarak dışa aktar ve
ana sayfaya ekle.
```

Ya da tasarım kitaplığınızın üzerine bir şey kurun:

```
Bir tasarım sistemi dokümantasyon sitesi oluşturuyorum. Figma
kitaplığımızdaki bileşenleri ve stilleri çek ve önizlemeleriyle
birlikte listele.
```

## Agent Figma'da neler yapabilir

Bir dosyanın yapısını, bileşenlerini ve stillerini duyarlı sayfalara dönüştürür, tasarım token'larını ve bir Tailwind yapılandırmasını çıkarır, frame'leri görsel olarak dışa aktarır ve düzgün bir devir teslim için dosya ayrıntılarını, yorumları ve sürüm geçmişini çeker. Yayınlanmış değişkenler ve kitaplık analitiği Figma Organization veya Enterprise gerektirir.

## Bilmekte fayda var

* **Bağlantıyı bir kez kurarsınız.** Çalışma alanınızdaki her proje aynı Figma bağlantısını kullanır.
* **Bazı kitaplık özellikleri ücretli bir Figma planı gerektirir.** Yayınlanmış değişkenler ve kitaplık analitiğinin bazı bölümleri bir Figma Organization veya Enterprise planı gerektirir.
* **Hesabınız, kontrol sizde.** Agent yalnızca siz istediğinizde harekete geçer. Figma bağlantısını istediğiniz zaman **Ayarlar → Entegrasyonlar** bölümünden kesebilirsiniz.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.