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

# Figma

> Připojte Figmu k vašemu účtu Vibewax

Figma je nástroj pro společnou tvorbu rozhraní, prototypů a design systémů. Propojte svůj účet jednou a agent promění vaše návrhy, komponenty a styly přímo ve funkční části vašeho projektu.

## Proč připojit Figmu

- **Své návrhy proměníte ve skutečné stránky.** Ukažte agentovi soubor ve Figmě a on z něj postaví rozvržení, komponenty a rozestupy do podoby responzivní stránky, takže svůj návrh nemusíte přepisovat ručně.
- **Projekt zůstane automaticky v souladu se značkou.** Agent načte vaše komponenty, styly a proměnné, včetně hotové konfigurace Tailwind, takže projekt odpovídá vašemu design systému bez ručního přepisování.
- **Předáte návrhy, aniž byste opustili chat.** Exportujte libovolný rámec jako obrázek, načtěte vývojářské zdroje a detaily souboru a ušetříte si přepínání mezi Figmou a projektem.

## Co budete potřebovat

- Účet Figma. Založte si ho zdarma na [figma.com](https://www.figma.com)
- Plán Figma Organization nebo Enterprise, pokud chcete publikované proměnné nebo plnou analytiku knihovny

## Připojte Figmu k Vibewax

<Steps>
  <Step title="Otevřete nastavení">
    Přejděte do **Nastavení → Integrace** ve svém workspace v Vibewax.
  </Step>
  <Step title="Připojte Figmu">
    Najděte kartu Figma v seznamu aplikací a klikněte na tlačítko **Připojit**.
  </Step>
  <Step title="Autorizujte svůj účet">
    Otevře se nové okno, ve kterém budete požádáni o přihlášení do aplikace Figma. Jakmile potvrdíte přístup, vrátíte se zpět do Vibewax.
  </Step>
</Steps>

## Používejte Figmu z chatu

Jakmile je účet propojený, stačí popsat, co chcete, a agent se postará o zbytek.

Proměňte návrh ve stránku:

```
Tady je můj návrh ceníkové stránky ve Figmě [odkaz]. Postav z něj
skutečnou stránku, zachovej rozvržení, komponenty i rozestupy
a udělej ji responzivní.
```

Přeneste svůj design systém do projektu:

```
Vytáhni styly a barevné proměnné z tohoto souboru ve Figmě a proměň
je v konfiguraci Tailwind pro můj projekt.
```

Exportujte podklady přímo během tvorby:

```
Exportuj rámec „Hero" z mého souboru ve Figmě jako SVG a přidej ho
na úvodní stránku.
```

Nebo postavte aplikaci nad svou knihovnou návrhů:

```
Stavím dokumentační web pro design systém. Vytáhni komponenty
a styly z naší knihovny ve Figmě a vypiš je s náhledy.
```

## Co agent umí ve Figmě

Promění strukturu souboru, komponenty a styly ve responzivní stránky, extrahuje design tokeny a konfiguraci Tailwind, exportuje rámce jako obrázky a načte detaily souboru, komentáře i historii verzí pro čisté předání. Publikované proměnné a analytika knihovny vyžadují Figma Organization nebo Enterprise.

## Dobré vědět

- **Připojení stačí nastavit jen jednou.** Každý projekt ve vašem workspace využívá stejné propojení s aplikací Figma.
- **Některé funkce knihovny vyžadují placený plán Figma.** Publikované proměnné a část analytiky knihovny vyžadují plán Figma Organization nebo Enterprise.
- **Svůj účet máte pod kontrolou.** Agent jedná jen tehdy, když ho o to požádáte. Propojení s aplikací Figma můžete kdykoli zrušit v **Nastavení → Integrace**.


This page is part of the [Vibewax documentation](https://vibewax.be/docs/cs/welcome/overview).