Claude Code Workflows

AI design workflows using Claude Code. Step-by-step guides and examples.

• Design to Code PR via Figma MCP — Let an AI coding agent read real design context (components, variables, spacing) and generate a prod...
• Quality Gates for AI-Generated Code — Prevent low-quality AI commits by forcing automated checks (lint/tests/token rules) before the PR ca...
• Webflow to Production React Case Study Workflow — Transform a Webflow site into a polished, deployable React case study page using AI and design tools...
• Architecture-Aware Coding with Mermaid Diagrams — Feed the agent an explicit system map (dependencies, data flow, boundaries) so code generation stays...