İçeriğe geç
YENİPazar yeri ve trig8n Agent: geliştirdiğinizi satın; planlar ve değişiklikler siz görmeden önce test edilsin. Yeniliklere bak

Kütüphane / Formlar ve Anketler

Formlar ve Anketler

Audit Figma designs against your design system with Gemini and Slack

When an API call/webhook arrives, it processes form answers with Google Gemini using Data Table, Google Docs, Slack.

Ne yapar

## Audit Figma designs against your design system and track every fix ### How it works Design QA usually happens once, in a meeting, and nobody checks whether the feedback was applied. This template turns it into a loop that runs every time a designer saves a version in Figma (or on demand from a form). 1. Only frames that changed since their last audit are processed (fingerprints in an n8n Data Table). 2. Automated checks read the Figma node tree: WCAG contrast, font size, tap targets, colours and type that are not linked to a style or variable, and copies that look detached from a component. It also measures token coverage. 3. A Gemini AI agent looks at the screenshot, the layer list and the design guide (Google Doc). It reports new visual issues pinned to real layers, can inspect a layer through a tool, and decides which of its earlier findings are fixed. 4. Every finding has a stable id. New ones become Figma comments, still-open ones are not repeated, and fixed ones get a "✅ Fixed" reply in their thread with the number of days it took. 5. Slack gets a summary after each audit and a weekly design-health report. ### Setup steps 1. Create a Figma personal access token (file content read, comments write) and add it as a Header Auth credential named X-Figma-Token on every Figma HTTP node and on the agent tool. 2. Connect Google Docs, Slack (bot token with chat:write, invited to the channel) and a Google Gemini (PaLM) API credential. 3. Fill in Workflow Configuration. The two data tables are created automatically on the first run. 4. Register a Figma webhook (FILE_VERSION_UPDATE) to the production URL of Figma Version Saved with the same passcode, or just use the form. ### Customization Tune thresholds in the configuration, set reviewLanguage for comments in another language, or swap Slack for Gmail or Teams. The workflow timeout (Settings, 20 min) stops a run if the AI model stops responding; frames finished before that keep their results and the rest are picked up next run.

Adımlar

  1. Figma Version Saved
  2. Design Audit Request Form
  3. Every Monday 9:00
  4. Parse Figma Event
  5. Parse Form Request
  6. Mark Weekly Run
  7. Workflow Configuration
  8. Ensure Findings Table
  9. Ensure Frames Table
  10. Audit or Weekly Report?
  11. Is Valid Request?
  12. Load Design Guide
  13. Get Figma File
  14. List Target Frames

Toplam 45 adım.

Benzer otomasyonlar