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

> Csatlakoztasd a Figmát a Macaly-fiókodhoz

A Figma egy közös tervezőeszköz felületekhez, prototípusokhoz és designrendszerekhez. Csatlakoztasd a fiókodat egyszer, és az ügynök a terveidet, komponenseidet és stílusaidat közvetlenül a projekted működő részeivé alakítja.

<Callout icon="user">
  Minden csomagban elérhető
</Callout>

## Miért érdemes csatlakoztatni a Figmát

* **Alakítsd valódi oldalakká a terveidet.** Mutasd meg az ügynöknek a Figma-fájlt, és reszponzív oldallá építi az elrendezést, a komponenseket és a térközöket, így nem kell kézzel újraépítened a tervedet.
* **Az arculatod automatikusan megmarad.** Az ügynök lekéri a komponenseidet, stílusaidat és változóidat, köztük egy használatra kész Tailwind-konfigurációt is, így a projekted kézi újraalkotás nélkül követi a designrendszeredet.
* **Add át a terveket a chatből kilépés nélkül.** Exportálj bármelyik keretet képként, kérd le a fejlesztői erőforrásokat és a fájl adatait, és spórold meg a Figma és a projekted közötti oda-vissza váltogatást.

## Mire lesz szükséged

* Egy **Figma-fiók**. Ingyenesen létrehozhatsz egyet a [figma.com](https://www.figma.com) oldalon
* Figma Organization vagy Enterprise csomag, ha publikált változókat vagy teljes könyvtáranalitikát szeretnél

## A Figma csatlakoztatása a Macalyhoz

<Steps>
  <Step title="Nyisd meg a Beállításokat">
    Nyisd meg a **Beállítások → Integrációk** részt a Macaly munkaterületeden.
  </Step>

  <Step title="Csatlakoztasd a Figmát">
    Keresd meg a Figma kártyát az alkalmazások listájában, és kattints a **Csatlakoztatás** gombra.
  </Step>

  <Step title="Engedélyezd a fiókodat">
    Megnyílik egy új ablak, ahol be kell jelentkezned a Figmába. Miután jóváhagytad a hozzáférést, visszairányítunk a Macalyhoz.
  </Step>
</Steps>

## A Figma használata a chatből

A csatlakoztatás után csak írd le, mit szeretnél, a többit az ügynök intézi.

Alakíts egy tervet oldallá:

```
Itt a Figma-tervem az árazási oldalhoz [link]. Építs belőle valódi
oldalt, kövesd az elrendezést, a komponenseket és a térközöket,
és legyen reszponzív.
```

Hozd be a designrendszeredet a projektbe:

```
Kérd le a stílusokat és a színváltozókat ebből a Figma-fájlból, és
készíts belőlük Tailwind-konfigurációt a projektemhez.
```

Exportálj elemeket építés közben:

```
Exportáld a Figma-fájlom „Hero” keretét SVG-ként, és add hozzá
a főoldalhoz.
```

Vagy építs a tervezési könyvtáradra:

```
Designrendszer-dokumentációs oldalt építek. Kérd le a komponenseket
és a stílusokat a Figma-könyvtárunkból, és listázd őket előnézettel.
```

## Mit tehet az ügynök a Figmában

A fájl szerkezetét, komponenseit és stílusait reszponzív oldalakká alakíthatja, kinyerheti a design tokeneket és a Tailwind-konfigurációt, képként exportálhatja a kereteket, a tiszta átadáshoz pedig lekérheti a fájl adatait, a megjegyzéseket és a verzióelőzményeket. A publikált változókhoz és a könyvtáranalitikához Figma Organization vagy Enterprise csomag szükséges.

## Jó tudni

* **Csak egyszer kell csatlakoztatnod.** A munkaterületed minden projektje ugyanazt a Figma-kapcsolatot használja.
* **Egyes könyvtárfunkciókhoz fizetős Figma-csomag kell.** A publikált változókhoz és a könyvtáranalitika egyes részeihez Figma Organization vagy Enterprise csomag szükséges.
* **A te fiókod, a te irányításod.** Az ügynök csak akkor cselekszik, ha megkéred rá. A Figma kapcsolatát bármikor leválaszthatod a **Beállítások → Integrációk** részen.


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