Mój stack AI

Strony i dane · Konektor w Claude

Jak podłączyć Figma do Claude

Claude czyta projekty z Figmy i zamienia je na kod strony.

  • Konektor w Claude
  • Logowanie: logowanie kontem Figma w przeglądarce (Allow access)
  • Darmowy plan: tak
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

  1. W claude.ai wejdź w Customize, potem Connectors, i dodaj Figma z katalogu.
  2. Zaloguj się kontem Figma i kliknij Allow access.
  3. W Claude Code najprościej zainstaluj wtyczkę: claude plugin install figma@claude-⁠plugins-⁠official, zrestartuj, wpisz /plugin i zaloguj się.
  4. Ręcznie: uruchom komendę claude mcp add, potem /mcp, wybierz figma i Authenticate.
Terminal
claude mcp add --transport http figma https://mcp.figma.com/mcp
Adres serwera MCP
https://mcp.figma.com/mcp

Oficjalna instrukcja (otwiera się w nowej karcie)

Prompt do Claude Code

Wklej go w Claude Code, a przeprowadzi Cię przez podłączenie krok po kroku.

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

Prompt na GitHubie (otwiera się w nowej karcie)

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.

Cennik Figma (otwiera się w nowej karcie)

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.

Źródła

  1. claude.comclaude.com/marketplace/connectors/figma
  2. help.figma.comhelp.figma.com/hc/en-us/articles/32132100833559
  3. help.figma.comhelp.figma.com/hc/en-us/articles/39888612464151-Claude-Code-and-Figma-Set-up-the-MCP-server
  4. figma.comfigma.com/pricing/

Chcesz więcej takich materiałów?

Newsletter o budowaniu biznesu wokół wiedzy, pracy nad własnymi produktami i tym, czego uczę się po drodze.

Archiwum wydań

„Ten newsletter nie jest nachalny, urzeka autentycznością, a osobiste historie Bartka są świetnym punktem odniesienia do moich własnych doświadczeń.”
Małgorzata BabskaMałgorzata Babskaarchitektka

Prywatność i cookies

Odwiedziny liczę anonimowo. Za Twoją zgodą włączę analitykę i marketing, żeby wiedzieć, co działa. Polityka prywatności

Kategorie plików cookies