Integracja · Narzędzia programistyczne

Połącz Claude i ChatGPT z Figma

Zapytaj swojego AI o otwarte opinie na projekcie, o zmiany w ostatniej wersji lub o eksport ramki jako obrazek z Figma. Czyta pliki, strony, ramki i warstwy, komentarze oraz historię wersji, a także wymienia komponenty i style w Twoich bibliotekach. Może również publikować i odpowiadać na komentarze, dzięki czemu przeglądy projektowe mogą rozpocząć się w czacie.

Połącz Figma za darmo

Bezpłatny plan, bez karty kredytowej. Zajmuje około minuty.

Spróbuj zapytać

“Podsumuj otwarte opinie w pliku projektu redesignu Checkout.”
AI wyświetla komentarze z pliku wraz z autorem, treścią, odpowiedziami i miejscem przypięcia, a następnie podsumowuje, co jeszcze zostało otwarte.
“Eksportuj ramkę Mobile / Home jako PNG w skali 2x.”
Renderuje ramkę jako PNG w skali 2 i podaje link do pobrania, który wygasa po 30 dniach.
“Co zmieniło się w pliku Checkout w tym tygodniu?”
Wymienia zapisane wersje z etykietami, opisami, autorami i datami.

Co może robić Twoja AI

Pliki i warstwy

Czytaj strony i ramki pliku, pobierz konkretne warstwy za pomocą ID węzła oraz eksportuj ramki lub warstwy jako obrazy PNG.

Komentarze i wersje

Czytaj komentarze i odpowiedzi, publikuj i reaguj na komentarze oraz zobacz historię wersji pliku.

Biblioteki i projekty

Wyświetlaj opublikowane komponenty i style, przeglądaj projekty i pliki zespołu oraz czytaj linki dla deweloperów przypisane do warstw.

“Jakie komponenty są w bibliotece naszego systemu projektowego?”
Wymienia opublikowane komponenty w pliku biblioteki wraz z nazwą i opisem.
“Odpowiedz na komentarz Anny do nagłówka: naprawione w wersji 12.”
Publikuje Twoją odpowiedź w tym samym wątku komentarzy, widoczną dla wszystkich z dostępem do pliku.
“Wyświetl style tekstu i kolory z biblioteki marki.”
Wymienia opublikowane style kolorów, tekstu, efektów i siatek w pliku biblioteki.

Narzędzia dla Figma: 50

Te narzędzia zostają włączone po połączeniu. Każde z nich możesz wyłączyć lub ustawić wymóg zatwierdzenia przed jego uruchomieniem.

create_dev_resourceZmienia daneUtwórz nowy zasób deweloperski. Wymagane: zasoby deweloperskie. Podsumowanie API: Utwórz zasoby deweloperskie.
create_developer_logZmienia daneUtwórz nowy dziennik deweloperski. Podsumowanie API: Pobierz dzienniki deweloperskie.
create_document_variableZmienia daneUtwórz nową zmienną dla dokumentu. Podsumowanie API: Utwórz/zmień/usuń zmienne.
create_webhookUsuwaTworzy nowy webhook. Wymagane: typ zdarzenia, kontekst, identyfikator kontekstu, endpoint lub passcode. Działanie destrukcyjne; może wymagać zatwierdzenia. Podsumowanie API: Create a webhook.
delete_commentUsuwaUsuń jeden ze swoich własnych komentarzy w pliku według jego ID komentarza (przekazanego jako `message_id`).
delete_comment_reactionsPrzenosi środkiTrwale usuwa reakcję według identyfikatora komentarza. Działanie finansowe lub nieodwracalne; może wymagać zatwierdzenia.
delete_document_dev_resourceUsuwaTrwale usuwa zasób deweloperski według jego identyfikatora. Działanie destrukcyjne; może wymagać zatwierdzenia. Podsumowanie API: Delete dev resource.
delete_webhookUsuwaTrwale usuwa webhook na podstawie webhook id. Działanie destrukcyjne; może wymagać zatwierdzenia.
export_imagesRenderuje ramki lub warstwy jako obrazy PNG i zwraca linki do pobrania: `file_key`, węzły rozdzielone przecinkami `ids` oraz opcjonalnie `scale` (0.01–4). Linki wygasają po 30 dniach.
get_componentPobierz opublikowany komponent według jego `component_key`, wraz z nazwą, opisem, plikiem i miniaturką.
get_component_setPobierz jeden zestaw komponentów po kluczu zestawu komponentów. Podsumowanie API: Pobierz zestaw komponentów.
get_current_userPobierz imię, adres e-mail i ID użytkownika zalogowanego.
get_filePobierz drzewo dokumentów pliku według klucza pliku (przekazanego jako `document_key`). Użyj małego `depth` (np. 2), aby zobaczyć strony i ramki najwyższego poziomu; duże pliki mogą być bardzo duże.
get_file_infoPobierz podstawowe dane pliku według `file_key` (z URL pliku): nazwa, właściciel, typ edytora, miniatura i ostatnia edycja, bez ładowania projektu.
get_library_analytics_style_action_dataLista akcji. Opcjonalne filtry: grupowanie, data rozpoczęcia lub końca. Wyniki są paginowane. Podsumowanie API: Pobierz dane dotyczące akcji stylu analizy biblioteki.
get_library_analytics_style_usage_dataLista użycia. Opcjonalne filtry: grupowanie. Wyniki są paginowane. Podsumowanie API: Pobierz dane dotyczące użycia stylu analizy biblioteki.
get_library_analytics_variable_action_dataLista akcji. Opcjonalne filtry: grupowanie, data rozpoczęcia lub końca. Wyniki są paginowane. Podsumowanie API: Pobierz dane dotyczące akcji zmiennej analizy biblioteki.
get_library_analytics_variable_usage_dataLista użycia. Opcjonalne filtry: grupowanie. Wyniki są paginowane. Podsumowanie API: Pobierz dane dotyczące użycia zmiennej analizy biblioteki.
get_nodesPobierz konkretne warstwy lub ramki pliku według `file_key` i węzłów rozdzielonych przecinkiem `ids` (z ID węzła w URL Figma, np. '12:34'), wraz z ich właściwościami i potomkami.
get_stylePobierz jeden styl po kluczu stylu. Podsumowanie API: Pobierz styl.
get_webhookPobiera jeden webhook na podstawie identyfikatora webhooka. Podsumowanie API: Get a webhook.
list_actionsLista akcji. Opcjonalne filtry: grupowanie, data rozpoczęcia lub końca. Wyniki są paginowane. Podsumowanie API: Pobierz dane dotyczące akcji komponentu analizy biblioteki.
list_activity_logsLista dzienników aktywności. Opcjonalne filtry: zdarzenia, czas rozpoczęcia, koniec czasu lub kolejność. Wyniki są paginowane. Podsumowanie API: Pobierz dzienniki aktywności.
list_comment_reactionsLista reakcji dla komentarza. Wyniki są paginowane. Podsumowanie API: Pobierz reakcje dla komentarza.
list_commentsWyświetla komentarze w pliku według `file_key`, z autorem, treścią, miejscem przypięcia i odpowiedziami; ustaw `as_md`, aby otrzymać tekst w formacie Markdown.
list_dailiesWyświetla dzienne dane. Opcjonalne filtry: data początkowa, data końcowa lub e-mail użytkownika. Wyniki są stronicowane. Podsumowanie API: Get daily AI credit usage.
list_dev_resourcesWyświetla linki dla deweloperów (np. do kodu, zgłoszeń lub dokumentacji) przypisane do warstw w pliku, opcjonalnie dla konkretnych `node_ids`.
list_document_component_setsLista zestawów komponentów dla dokumentu. Podsumowanie API: Pobierz zestawy komponentów pliku.
list_document_imagesLista obrazków dla dokumentu. Podsumowanie API: Pobierz wypełnienia obrazka.
list_file_componentsWyświetla opublikowane komponenty w pliku biblioteki według `file_key`.
list_file_stylesWyświetla opublikowane style kolorów, tekstu, efektów i siatki w pliku biblioteki według `file_key`.
list_folder_metaLista metadanych dla folderu. Podsumowanie API: Pobierz metadane folderu.
list_localsLista zmiennych lokalnych. Podsumowanie API: Pobierz zmienne lokalne.
list_oembedsLista oembeds. Opcjonalne filtry: url, maxwidth lub maxheight. Podsumowanie API: Pobierz dane oEmbed.
list_paymentsLista płatności. Opcjonalne filtry: token płatności wtyczki, id użytkownika, id pliku społecznościowego, id wtyczki lub id widgetu. Podsumowanie API: Pobierz płatności.
list_project_filesWyświetla pliki projektowe w projekcie lub folderze według `folder_id`, wraz z kluczami plików, nazwami, miniaturami i datami ostatniej modyfikacji.
list_publishedsWyświetla opublikowane elementy. Podsumowanie API: Get published variables.
list_subfoldersWyświetl foldery wewnątrz projektu lub folderu przy użyciu `folder_id`.
list_team_component_setsLista zestawów komponentów dla zespołu. Opcjonalne filtry: przed. Wyniki są paginowane. Podsumowanie API: Pobierz zestawy komponentów zespołu.
list_team_componentsWyświetl wszystkie opublikowane komponenty w bibliotekach zespołu przy użyciu `team_id`.
list_team_projectsWyświetl projekty (foldery) w zespole przy użyciu `team_id`, czyli liczby po /team/ w URLu zespołu Figma.
list_team_stylesWyświetl style dla zespołu. Opcjonalne filtry: before. Wyniki są paginowane. Podsumowanie API: Pobierz style zespołu.
list_usagesWyświetl użycia. Opcjonalne filtry: grupuj według. Wyniki są paginowane. Podsumowanie API: Pobierz dane o użyciu komponentów z analizy biblioteki.
list_versionsWyświetla historię wersji pliku: zapisane wersje z etykietami, opisami, autorami i datami.
list_webhook_requestsWyświetla żądania dla webhooka. Podsumowanie API: Get webhook requests.
list_webhooksWyświetla webhooki. Opcjonalne filtry: kontekst, identyfikator kontekstu lub identyfikator API planu. Wyniki są stronicowane. Podsumowanie API: Get webhooks by context or plan.
post_commentZmienia daneOpublikuj komentarz w pliku za pomocą `file_key` i `message`; odpowiadaj na komentarz za pomocą `comment_id`, lub przypnij go do miejsca lub węzła za pomocą `client_meta`. Wszyscy z dostępem do pliku mogą to zobaczyć.
react_to_commentZmienia daneDodaj reakcję z emoji (np. ':+1:') do komentarza przez `file_key` i `comment_id`.
update_dev_resourcesWidoczne dla innychAktualizuje istniejący zasób deweloperski. Ma skutki widoczne poza tym systemem. Podsumowanie API: Update dev resources.
update_webhookUsuwaAktualizuje istniejący webhook, identyfikowany przez identyfikator webhooka. Działanie destrukcyjne; może wymagać zatwierdzenia. Podsumowanie API: Aktualizuje webhook.

Konfiguracja w trzech krokach

1
Wybierz aplikację
Utwórz bezpłatne konto PipMCP i wybierz Figma z listy aplikacji.
2
Wklej klucz
Wklej osobisty token dostępu Figma. Otwórz Ustawienia z menu konta > Bezpieczeństwo > Osobiste tokeny dostępu, kliknij Generuj nowy token, wybierz zakresy potrzebne Ci i skopiuj token.
3
Dodaj link do swojego asystenta AI
Otrzymasz osobisty link MCP. Dodaj go do Claude, ChatGPT lub Cursor:
1. Kliknij swoją nazwę, a następnie Ustawienia › Konektory › Dodaj niestandardowy konektor.
2. Wklej swój link jako adres URL zdalnego serwera MCP.
3. Włącz konektor w menu + na czacie.

Pytania

Co może AI robić w Figma?

AI może czytać pliki, strony, ramki i warstwy, komentarze, historię wersji, opublikowane komponenty i style, projekty zespołu oraz linki deweloperskie, a także eksportować ramki lub warstwy jako obrazy PNG. Może publikować i odpowiadać na komentarze oraz dodawać reakcje. Może również usunąć jeden z Twoich własnych komentarzy, jeśli włączysz tę funkcję.

Czy AI widzi mój token dostępu do Figma?

Nie. Twoje dane uwierzytelniające Figma są szyfrowane w spoczynku i nigdy nie są pokazywane AI. Po zapisaniu nie są już wyświetlane, nawet Tobie. AI widzi tylko wyniki narzędzi, które wywołuje.

Czy mogę kontrolować, co może robić AI?

Tak. Sam wybierasz, które narzędzia są włączone, więc możesz zacząć od trybu tylko do odczytu. Dodanie komentarza jest widoczne dla wszystkich z dostępem do pliku, a usunięcie jest trwałe, dlatego oba działania mogą wymagać Twojej zgody przed wykonaniem. Każde wywołanie narzędzia jest zapisywane w logu.

Czy działa z ChatGPT?

Tak. W ChatGPT przejdź do Settings › Apps & Connectors › Advanced i włącz Developer mode, a następnie dodaj swój link PipMCP. Developer mode wymaga płatnego planu ChatGPT: Plus, Pro, Business lub Enterprise. Ten sam link działa też w Claude (Settings › Connectors › Add custom connector), Cursorze i innych klientach MCP.

Ile to kosztuje?

PipMCP ma darmowy plan bez konieczności podania danych karty kredytowej. Płatne plany są opłacane za wykonane zadania. Potrzebujesz również własnego konta Figma.

Czy AI może zmieniać moje projekty?

Nie. AI odczytuje projekty i eksportuje obrazy, ale nie edytuje warstw ani ramek. Jedynymi rzeczami, które może pisać, są komentarze i reakcje. Aby wskazać mu plik lub ramkę, wklej link Figma. Klucz pliku i ID węzła znajdują się w URL.