Tag
Design Engineer Workflow
Articles, notes, and experiments on design engineer workflow — patterns, trade-offs, and implementation details worked through on production projects.
Figma to Code Workflow 2026: Dev Mode & Design Tokens
Master Figma to code workflow with design tokens, Dev Mode, and Code Connect. Automate handoff using Tokens Studio, GitHub Actions, and Style Dictionary.
Figma Design-systems Design-tokens React Design-engineer-workflow Css-variables Style-dictionary Figma-dev-mode Code-connect Figma-mcp
Pencil.dev Review: The AI Design Canvas That Lives in Your IDE (2026)
Hands-on Pencil.dev review: the AI design canvas inside VS Code & Cursor. Git-native .pen files, code generation, pricing, and Pencil vs Figma, Subframe & Paper.design.
Pencil-dev Design-engineer Design-engineer-workflow Figma Figma-to-code Mcp Ai Ai-coding Vibe-coding Cursor Claude-code Design-systems React Ui