Integrációk

Figma

Csatlakoztasd a Figmát a Vibewax-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.

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

1. Nyisd meg a Beállításokat

Nyisd meg a Beállítások → Integrációk részt a Vibewax munkaterületeden.

2. Csatlakoztasd a Figmát

Keresd meg a Figma kártyát az alkalmazások listájában, és kattints a Csatlakoztatás gombra.

3. 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 Vibewaxhoz.

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.