Integrace
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
- Plán Figma Organization nebo Enterprise, pokud chcete publikované proměnné nebo plnou analytiku knihovny
Připojte Figmu k Vibewax
1. Otevřete nastavení
Přejděte do Nastavení → Integrace ve svém workspace v Vibewax.
2. Připojte Figmu
Najděte kartu Figma v seznamu aplikací a klikněte na tlačítko Připojit.
3. 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.
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.