n8n 웹훅 통합을 사용한 Figma 버전 관리 및 Jira 업데이트 자동화
초급
이것은Engineering, Design분야의자동화 워크플로우로, 4개의 노드를 포함합니다.주로 Jira, FigmaTrigger 등의 노드를 사용하며. n8n 웹훅 통합을 사용한 Figma 버전 관리 및 Jira 업데이트 자동화
사전 요구사항
- •특별한 사전 요구사항 없이 가져와 바로 사용 가능합니다
사용된 노드 (4)
워크플로우 미리보기
노드 연결 관계를 시각적으로 표시하며, 확대/축소 및 이동을 지원합니다
워크플로우 내보내기
다음 JSON 구성을 복사하여 n8n에 가져오면 이 워크플로우를 사용할 수 있습니다
{
"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": "메모",
"type": "n8n-nodes-base.stickyNote",
"position": [
-20,
-260
],
"parameters": {
"width": 700,
"height": 200,
"content": "## Note\nTo 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.\n\nYou 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/)\n\nMake 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": {
"378150c5-b640-477a-861f-216e8b15c0e4": {
"main": [
[
{
"node": "843f1e0b-4c8b-4744-a9b7-8ce5725768bc",
"type": "main",
"index": 0
}
]
]
},
"843f1e0b-4c8b-4744-a9b7-8ce5725768bc": {
"main": [
[
{
"node": "59101813-9625-4d1f-b2b6-7ff442c1fe0f",
"type": "main",
"index": 0
}
]
]
},
"59101813-9625-4d1f-b2b6-7ff442c1fe0f": {
"main": [
[]
]
}
}
}자주 묻는 질문
이 워크플로우를 어떻게 사용하나요?
위의 JSON 구성 코드를 복사하여 n8n 인스턴스에서 새 워크플로우를 생성하고 "JSON에서 가져오기"를 선택한 후, 구성을 붙여넣고 필요에 따라 인증 설정을 수정하세요.
이 워크플로우는 어떤 시나리오에 적합한가요?
초급 - 엔지니어링, 디자인
유료인가요?
이 워크플로우는 완전히 무료이며 직접 가져와 사용할 수 있습니다. 다만, 워크플로우에서 사용하는 타사 서비스(예: OpenAI API)는 사용자 직접 비용을 지불해야 할 수 있습니다.
관련 워크플로우 추천
GPT-4o-mini, Midjourney, Kling, Creatomate API를 사용하여 애니메이션 이야기 생성
GPT-4o-mini, Midjourney, Kling, Creatomate API로 애니메이션 이야기 생성
If
Set
Code
+
If
Set
Code
51 노드PiAPI
엔지니어링
Outlook 이메일 지원 요청에서 JIRA 이슈 자동 생성
Outlook 이메일 지원 요청에서 JIRA 이슈 자동 생성
Jira
Markdown
Schedule Trigger
+
Jira
Markdown
Schedule Trigger
12 노드Jimleuk
엔지니어링
Jira 리뷰
AI와 Google 문서를 사용하여 Jira 에피소드에서 경험教训 보고서 생성
If
Set
Jira
+
If
Set
Jira
13 노드Tarek Mustafa
엔지니어링
데이터 분석사 Agent v3
用于电子表格의AI데이터분석어시스턴트,基于NocoDB平台
Set
Noco Db Tool
Http Request
+
Set
Noco Db Tool
Http Request
10 노드Derek Cheung
엔지니어링
이미지 생성기
통해Google云端硬盘및表格实现AI图像생성与Telegram交付의자동화流程
Telegram
Google Drive
Http Request
+
Telegram
Google Drive
Http Request
11 노드David Olusola
디자인
기술 레이더
사용SQL데이터库、RAG및路由에이전트构建AI驱动의技术雷达顾问
If
Code
Cron
+
If
Code
Cron
53 노드Sean Lon
엔지니어링