Tag · 8 guides
Components
Every guide tagged components, sorted by most recent.
AU Automate Browser Testing Without Writing Code
Screenshot your whole design system, catch visual bugs before they ship, and audit every page automatically, using Playwright without touching a test file.
Audit 500 Components in 10 Minutes
A complete workflow for auditing your entire Figma component library using Tidy and Claude. Identifies naming issues, missing descriptions, and inconsistencies.
Few-Shot Examples for Component Naming
How I label 20 component names by hand and get Claude to pattern-match the rest. Practical setup for component naming, token naming, and any classification task.
BU Build a Component Audit Skill for Claude Code
A Claude Code skill that audits every component in your library. Checks docs, props, accessibility, and token usage in one slash command.
Generate Component Documentation with AI
Use Claude Code, Codex, Cursor, or another repo-aware AI tool to scan your component library and generate specs, props tables, and usage guidelines in minutes.
Pull Component Data from the Figma API
Programmatically access your Figma components, styles, and variables. Build audits, reports, and automations on real data.
Automate Component Screenshots with Playwright
Screenshot every component automatically. Catch visual bugs before they ship, without clicking through pages manually.
FI Figma to Code with MCP
End-to-end workflow for converting Figma designs to production code using MCP servers. From design to implementation in minutes, not hours.