figma-use

Control Figma via CLI — create shapes, frames, text, components, set styles, layout, variables, export images. Use when asked to create/modify Figma designs or automate design tasks.

1. Zainstaluj figma-use na swoim systemie (wymaga Node.js). Upewnij się, że masz zainstalowaną aplikację Figma.

2. Uruchom Figmę z włączonym debugowaniem zdalnym. Na macOS: otwórz terminal i wpisz open -a Figma --args --remote-debugging-port=9222. Na Windows użyj "%LOCALAPPDATA%\Figma\Figma.exe" --remote-debugging-port=9222. Na Linuksie: figma --remote-debugging-port=9222.

3. Jeśli używasz Figmy w wersji 126 lub nowszej, uruchom figma-use patch raz, aby włączyć zdalne debugowanie. Potwierdź monit w łańcuchu kluczy i zrestartuj Figmę. Jeśli patching nie działa, użyj zamiast tego figma-use daemon start --pipe.

4. Sprawdź połączenie poleceniem figma-use status. Powinno wyświetlić potwierdzenie, że narzędzie komunikuje się z Figmą.

5. Twórz elementy za pomocą poleceń CLI. Przykład: figma-use create frame --width 400 --height 300 --fill "#FFF" --layout VERTICAL --gap 16 tworzy ramkę o określonych wymiarach i ustawieniach layoutu.

6. Alternatywnie użyj trybu JSX do deklaratywnego renderowania drzew komponentów. Napisz JSX (np. ramkę z tekstem), przekaż do figma-use render --stdin --x 100 --y 100, a narzędzie utworzy strukturę w Figmie w podanej pozycji.