How MCP connects coding agents to design context such as Figma, references and creative direction.
6 articlesRSS
6 articles
How to get screenshots, design files, live pages and references into Claude Code, Codex and Cursor, which kind of visual context fits which task, and how to keep it lean.
4 min read
Design context that works across projects and agents: instruction files, DESIGN.md, tokens, references and principles. What goes where, and how to keep it current.
3 min read
Connect Figma’s MCP server to Claude Code, pull design context from frames, components and variables, and turn it into code that fits your codebase.
5 min read
MCP connects an AI agent to live tools and data; Agent Skills teach it how to do a task. A plain-language comparison for designers, with examples and when to use each.
4 min read
The Model Context Protocol explained for product designers: hosts, clients and servers, what tools and resources are, design examples, and the security points to check.
3 min read
Connect design context to Claude Code over MCP: add and scope servers, retrieve references and principles during a task, and keep tool output and context under control.
4 min read
Give your AI coding agents access to your design taste, references and preferences.