I
Guide
Integrating AI Code Assistants Into Your Design Workflow
Restructure your design workflow for AI code assistants—practical patterns, real examples, and integration strategies.
Mar 29, 202612 min read
Latest Posts
Insights on AI-powered development, design systems, and modern web engineering.
14 posts
F
Guide
Frontend Design Automation: A Practical Implementation Guide
Automate frontend design work—token generation, component scaffolding, accessibility checks, and responsive utilities.
Mar 29, 202613 min read
A
Tutorial
AI Pair Programming for UI Design: A Practical Guide
Learn how to collaborate with AI coding assistants to design and build user interfaces faster while maintaining consistency and quality.
Mar 27, 202612 min read
A
Tutorial
Automating Design Token Workflows: From Design Tools to Production
Build a complete automated pipeline for design tokens—from Figma to code to deployment—eliminating manual sync and drift.
Mar 27, 202613 min read
U
Tutorial
Using AI and Design Tokens in VS Code: A Complete Workflow Guide
Learn how to integrate design tokens with AI coding assistants in VS Code for consistent, scalable UI development without context switching.
Mar 27, 202611 min read
T
Concept
The New Design Workflow for AI Code Editors
How AI code editors like Claude Code and Cursor are reshaping the design-to-code workflow and what design systems need to adapt.
Mar 25, 20267 min read
K
How-to
Keeping UI Consistent Across Multiple Files with Claude and Cursor
How to maintain design system consistency when AI generates components across multiple files without manual policing.
Mar 25, 20269 min read
F
Guide
From Figma to Code with AI: Design-to-Code Workflow with Design Tokens
How to use Figma, design tokens, and Claude Code together for a seamless design-to-code workflow that produces production-ready components.
Mar 24, 20267 min read
H
Guide
How to Use Design Tokens with Cursor AI: A Complete Workflow
Learn how to configure Cursor AI with design tokens for consistent, production-ready components. Step-by-step guide from setup to automation.
Mar 23, 20268 min read
H
Guide
How to Use Design Tokens with Cursor AI
Step-by-step guide to integrate FramingUI design tokens with Cursor AI for consistent, production-ready UI code generation.
Mar 22, 20267 min read
H
How-to
How AI Reshapes the Figma-to-Production Handoff
The traditional design handoff is broken. Learn how AI-powered code generation with design tokens creates a seamless Figma-to-production workflow.
Mar 11, 20264 min read
H
Concept
How Design Systems Pay Off for Teams of 2–5
A realistic look at the time cost of skipping a design system, and a practical path to one that pays off fast for teams of 2–5 people.
Mar 8, 20265 min read