Spis treści
Co to jest
Figma to narzędzie do projektowania interfejsów i współpracy nad designem w przeglądarce.
Claude czyta projekty z Figmy i zamienia je na kod strony.
Jak podłączyć do Claude
- W claude.ai wejdź w Customize, potem Connectors, i dodaj Figma z katalogu.
- Zaloguj się kontem Figma i kliknij Allow access.
- W Claude Code najprościej zainstaluj wtyczkę: claude plugin install figma@claude-plugins-official, zrestartuj, wpisz /plugin i zaloguj się.
- Ręcznie: uruchom komendę claude mcp add, potem /mcp, wybierz figma i Authenticate.
claude mcp add --transport http figma https://mcp.figma.com/mcphttps://mcp.figma.com/mcpPrompt do Claude Code
Wklej go w Claude Code, a przeprowadzi Cię przez podłączenie krok po kroku.
Podłącz Figma do Claude Code.
Figma jest w katalogu konektorów Claude. Jeśli pracuję w aplikacji Claude, powiedz mi, gdzie kliknąć (Ustawienia, Konektory). Jeśli w Claude Code, podłącz go jako serwer MCP.
Oficjalne polecenie: claude mcp add --transport http figma https://mcp.figma.com/mcp
Adres serwera MCP: https://mcp.figma.com/mcp
Dokumentacja: https://help.figma.com/hc/en-us/articles/39888612464151-Claude-Code-and-Figma-Set-up-the-MCP-server
Nie wpisuj kluczy ani haseł do plików w repozytorium. Gdy potrzebujesz klucza, powiedz mi, gdzie go wygenerować.
Na końcu sprawdź połączenie jednym prostym zapytaniem (np. lista elementów) i powiedz mi, co działa.Ile kosztuje
- Darmowy plan: tak.
- Płatny plan od: 16 USD/mies. (Professional, miejsce Full; okres rozliczenia niepotwierdzony).
- Stan na listopad 2026. Ceny się zmieniają, aktualne sprawdzisz u producenta.
Na co uważać
- Zdalny serwer jest dostępny na planach Starter, Professional, Education, Organization, Government i Enterprise. Limity wywołań na planie darmowym niepotwierdzone.
- W Claude i Claude Code narzędzie get_screenshot zwraca na razie opis tekstowy zamiast obrazu.
- Zapis na kanwie wymaga zdalnego serwera i miejsca Full, a funkcja jest w becie.






