{"product_id":"figma-design-system-audit-with-gemini-slack-n8n-workflow","title":"Figma Design System Audit with Gemini \u0026 Slack | n8n Workflow","description":"\u003ch3\u003eKeep your Figma design system clean—automatically\u003c\/h3\u003e\n\u003cp\u003eThis \u003cstrong\u003en8n workflow\u003c\/strong\u003e performs a \u003cstrong\u003eFigma Design System Audit\u003c\/strong\u003e by reviewing \u003cstrong\u003eonly the changed frames\u003c\/strong\u003e against your design guide using \u003cstrong\u003eGemini\u003c\/strong\u003e, then creates\/updates \u003cstrong\u003eFigma comments\u003c\/strong\u003e and posts clear \u003cstrong\u003eSlack summaries\u003c\/strong\u003e—including weekly reports.\u003c\/p\u003e\n\n\u003ch3\u003eWhat this workflow does\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003eTriggers\u003c\/strong\u003e when a Figma named version is saved via \u003cstrong\u003ewebhook\u003c\/strong\u003e, when a team member submits the audit request form, or \u003cstrong\u003eevery Monday at 9:00\u003c\/strong\u003e.\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eValidates\u003c\/strong\u003e the request (including the \u003cstrong\u003eFigma webhook passcode\u003c\/strong\u003e), loads your design guide from \u003cstrong\u003eGoogle Docs\u003c\/strong\u003e, and fetches the Figma file structure.\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eTargets the right content\u003c\/strong\u003e by selecting the target page and listing top-level frames, then compares \u003cem\u003eframe fingerprints\u003c\/em\u003e against stored snapshots in \u003cstrong\u003en8n Data Tables\u003c\/strong\u003e—keeping only frames that changed (or forcing a review for form requests).\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eRuns deterministic checks\u003c\/strong\u003e on each changed frame for \u003cstrong\u003econtrast\u003c\/strong\u003e, \u003cstrong\u003efont size\u003c\/strong\u003e, \u003cstrong\u003etap targets\u003c\/strong\u003e, unlinked \u003cstrong\u003etokens\/style usage\u003c\/strong\u003e, and possible \u003cstrong\u003edetached components\u003c\/strong\u003e; it also loads any still-open findings.\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eUses Gemini\u003c\/strong\u003e to review a generated \u003cstrong\u003ePNG screenshot\u003c\/strong\u003e alongside the design guide and current findings, proposing new issues and marking AI issues as resolved when they’re fixed.\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eReconciles results\u003c\/strong\u003e by pinning new Figma comments, replying in existing threads for fixed items, and updating findings + frame snapshots in \u003cstrong\u003en8n Data Tables\u003c\/strong\u003e.\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003ePosts to Slack\u003c\/strong\u003e with an audit summary and weekly reporting.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eUse cases\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003ePrevent design system drift by auditing only updated Figma frames during development sprints.\u003c\/li\u003e\n  \u003cli\u003eAccelerate reviews: auto-create Figma comments and automatically mark fixes as resolved in the same thread.\u003c\/li\u003e\n  \u003cli\u003eGive SaaS design ops and engineering teams a consistent weekly quality report in Slack.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eTechnical details\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003eIntegrations:\u003c\/strong\u003e Figma (webhook + screenshot + comments), \u003cstrong\u003eGoogle Docs\u003c\/strong\u003e (design guide), \u003cstrong\u003eGemini\u003c\/strong\u003e (issue proposal + resolution tracking), \u003cstrong\u003eSlack\u003c\/strong\u003e (summaries).\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003en8n nodes:\u003c\/strong\u003e \u003ccode\u003eif\u003c\/code\u003e, \u003ccode\u003eset\u003c\/code\u003e, \u003ccode\u003ecode\u003c\/code\u003e, \u003ccode\u003eslack\u003c\/code\u003e, \u003ccode\u003eswitch\u003c\/code\u003e, \u003ccode\u003ewebhook\u003c\/code\u003e.\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eData management:\u003c\/strong\u003e compares frame fingerprints and stores snapshots\/findings in \u003cstrong\u003en8n Data Tables\u003c\/strong\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"N8N Commerce","offers":[{"title":"Default Title","offer_id":46288979853491,"sku":"N8N-21715","price":35.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0749\/6279\/6723\/files\/iRX8WuSiWByRY-HM5fQ6F_rRo8nLSv.png?v=1793005350","url":"https:\/\/buyflowscripts.com\/products\/figma-design-system-audit-with-gemini-slack-n8n-workflow","provider":"N8N Commerce","version":"1.0","type":"link"}