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

> Přeneste návrhy, komponenty a podklady z Figmy do svého projektu

Macaly se propojí s Figmou, takže agent může proměnit vaše návrhy ve skutečné stránky a přenést váš design systém do projektu. Řekněte si o export rámce, vytáhněte si styly a proměnné nebo postavte stránku rovnou ze souboru ve Figmě.

<Callout icon="user">
  Dostupné ve všech plánech
</Callout>

## Co je Figma?

Figma je nástroj pro společný design rozhraní, prototypů a design systémů. Díky integraci Figmy čte agent Macaly vaše soubory ve Figmě přímo: vytáhne strukturu návrhu, komponenty, styly a proměnné, vykreslí obrázky a promění vaše návrhy ve funkční součásti vašeho projektu.

## Co můžete dělat

Pár příkladů, co agent s Figmou zvládne:

* **Proměnit návrhy ve stránky.** Vytáhněte strukturu souboru, komponenty a styly a postavte z nich skutečné, responzivní stránky ve svém projektu.
* **Používat svůj design systém.** Čtěte komponenty, sady komponent, styly a proměnné a získejte design tokeny (včetně konfigurace Tailwind), abyste udrželi svůj projekt v souladu se značkou.
* **Exportovat obrázky a podklady.** Vykreslete libovolný rámec nebo uzel jako PNG, JPG, SVG nebo PDF a stáhněte si výplně obrázků ze souboru.
* **Procházet a předávat.** Získejte metadata souboru, detaily uzlů, interakce prototypu a vývojářské zdroje pro čisté předání z návrhu do kódu.
* **Spolupracovat.** Čtěte a přidávejte komentáře, reagujte na ně a procházejte historii verzí souboru.

## Jak to funguje

V chatu popíšete, co chcete, a agent se postará o zbytek. Zadejte jednorázový úkol, nebo nechte agenta zabudovat Figmu rovnou do vašeho projektu.

**Zeptejte se agenta přímo:**

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

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

**Nebo si to zabudujte do své aplikace:**

```
Tady je můj návrh ve Figmě [link]. Postav z něj landing page —
zachovej rozvržení, komponenty i mezery a udělej ho responzivní.
```

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

## Dobré vědět

* **Propojujete jen jednou.** Povolte přístup k účtu Figma napoprvé a agent toto propojení použije i pro další požadavky.
* **Některé funkce knihovny vyžadují placený plán Figma.** Publikované proměnné a části analytiky knihovny vyžadují plán Figma Organization nebo Enterprise.
* **Váš účet, vaše kontrola.** Agent jedná jen tehdy, když ho o to požádáte, a přístup můžete kdykoli zrušit v nastavení svého účtu Figma.