Darmowy szablon automatyzacji

Zautomatyzuj wersjonowanie Figmy i aktualizacje Jira dzięki integracji n8n Webhook

2040
27 dni temu
4
bloków

Jak to działa

Ten szablon n8n automatyzuje proces śledzenia zmian w projektach Figma i aktualizowania powiązanych zgłoszeń w Jira. Szablon jest uruchamiany, gdy w Figma zostanie utworzona nowa wersja projektu za pomocą dedykowanej wtyczki. Po zatwierdzeniu wersji wtyczka wysyła szczegóły projektu do workflow n8n poprzez webhook.

Workflow wykonuje następujące czynności:

  • Pobiera zgłoszenie z Jira na podstawie linku do zgłoszenia przekazanego z Figma.
  • Dodaje zmiany w projekcie jako komentarz do zgłoszenia w Jira.
  • Aktualizuje status zgłoszenia w Jira na podstawie przekazanego statusu zadania (np. "W toku", "Zakończone").

Proces ten usprawnia przepływ pracy, eliminując konieczność ręcznych aktualizacji i zapewniając synchronizację najnowszych zmian w projektach oraz statusów zadań między zespołami projektowymi i deweloperskimi.

Jak używać

Konfiguracja wtyczki Figma

  • Zainstaluj wtyczkę Figma Commit Plugin z GitHub.
  • Wypełnij w wtyczce nazwę wersji, link do projektu, link do zgłoszenia w Jira oraz status zadania.
  • Zatwierdź zmiany w Figma, co uruchomi webhook.

Konfiguracja workflow w n8n

  • Zaimportuj ten szablon do swojej instancji n8n.
  • Podłącz węzeł Figma Trigger do przechwytywania aktualizacji wersji z Figma.
  • Skonfiguruj węzły Jira do pobierania zgłoszeń i aktualizowania statusu/komentarza na podstawie danych z wtyczki.

Automatyzacja

Po zatwierdzeniu wersji w Figma workflow automatycznie zaktualizuje zgłoszenie w Jira, utrzymując synchronizację między projektami Figma a zadaniami w Jira.

Integracja Figma, Jira i n8n poprzez ten szablon eliminuje ręczne czynności, zwiększając efektywność współpracy między zespołami projektowymi i deweloperskimi.

Przykłady zastosowań

Ten szablon automatyzacji może być wykorzystywany w różnych scenariuszach współpracy między projektantami a deweloperami. Oto kilka przykładów zastosowań:

  • Automatyczne powiadamianie zespołu deweloperskiego o nowej wersji projektu UI/UX.
  • Synchronizacja statusów zadań między Figma a Jira bez ręcznego wprowadzania zmian.
  • Przesyłanie linków do najnowszych wersji projektów bezpośrednio do zgłoszeń w Jira.
  • Śledzenie historii zmian w projektach poprzez komentarze w Jira.
  • Automatyczne oznaczanie zadań jako "Gotowe do wdrożenia" po zatwierdzeniu finalnej wersji projektu.
  • Integracja procesu design review z systemem śledzenia zadań.
  • Usprawnienie komunikacji między zespołami poprzez centralizację informacji o projektach i zadaniach.

   Skopiuj kod szablonu   
{"id":"5kYHogzDGeo21MxE","meta":{"instanceId":"e7bcfb7f83803b3561455f2e97f622835eda64ae4467d4f2b8a5cf915b534600","templateCredsSetupCompleted":true},"name":"Automate Figma Versioning and Jira Updates with n8n Webhook Integration","tags":[],"nodes":[{"id":"a3853962-36ce-4a2f-b9d6-c2807652d7ff","name":"Sticky Note","type":"n8n-nodes-base.stickyNote","position":[-20,-260],"parameters":{"width":700,"height":200,"content":"## NotenTo use this automation, you will need the Figma Commit Plugin installed and configured. The plugin sends the design version details via a webhook to trigger this n8n workflow.nnYou can find the Figma Commit Plugin on GitHub here:n🔗 [Figma Commit Plugin on GitHub](https://github.com/omid-d3v/Figma-Commit-plugin-with-webhook/)nnMake sure to follow the setup instructions in the plugin’s documentation to get started."},"typeVersion":1},{"id":"843f1e0b-4c8b-4744-a9b7-8ce5725768bc","name":"Find Jira Issue","type":"n8n-nodes-base.jira","position":[220,0],"parameters":{"issueKey":"={{ $json.issueLink }}","operation":"get","additionalFields":{}},"credentials":{"jiraSoftwareCloudApi":{"id":"CBgXAIn2agwnaJ1Y","name":"Jira SW Cloud account"}},"typeVersion":1},{"id":"59101813-9625-4d1f-b2b6-7ff442c1fe0f","name":"Add Comment in Issue","type":"n8n-nodes-base.jira","position":[440,0],"parameters":{"comment":"={{ $('Figma Trigger').item.json.pageName }}{{ '\n' }}{{ $('Figma Trigger').item.json.versionName }}{{ '\n' }}{{ $('Figma Trigger').item.json.designLink }}{{ '\n' }} {{ $now }}","options":{},"issueKey":"={{ $json.key }}","resource":"issueComment"},"credentials":{"jiraSoftwareCloudApi":{"id":"CBgXAIn2agwnaJ1Y","name":"Jira SW Cloud account"}},"typeVersion":1},{"id":"378150c5-b640-477a-861f-216e8b15c0e4","name":"Figma Trigger","type":"n8n-nodes-base.figmaTrigger","position":[0,0],"webhookId":"b9fcde90-3e53-4958-b352-933891f95220","parameters":{"teamId":"940915773877350235","triggerOn":"fileVersionUpdate"},"credentials":{"figmaApi":{"id":"DjRDveAKp5VxZRE8","name":"Figma account"}},"typeVersion":1}],"active":true,"pinData":{"Figma Trigger":[{"json":{"status":"IN PROGRESS","pageName":"page: Favorait","issueLink":"JAJ-368","designLink":"test url ","versionName":"Changes: n -nothing"}}]},"settings":{"executionOrder":"v1"},"versionId":"9525049e-7fca-4f83-bf6a-069d477f669e","connections":{"Figma Trigger":{"main":[[{"node":"Find Jira Issue","type":"main","index":0}]]},"Find Jira Issue":{"main":[[{"node":"Add Comment in Issue","type":"main","index":0}]]},"Add Comment in Issue":{"main":[[]]}}}
    Planeta AI 2025 
    magic-wandmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram