Přejít na hlavní obsah
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ě.
Dostupné ve všech plánech

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.