
How to turn your design system into a Claude Skill
Learn how to build Claude Skills that keep AI agents on your design system rails, with components, tokens, and naming conventions all in one SKILL.md file.
Skip to main content
A rundown of the AI tools and workflow tips that are making a difference for design and UX teams, with practical guidance you can put to use right away.

Learn how to build Claude Skills that keep AI agents on your design system rails, with components, tokens, and naming conventions all in one SKILL.md file.

From image generators to node-based workflow platforms, here
are 7 of the best AI tools for graphic design, and how each fits a real
production process.

Learn what visual prompt engineering means, how it differs from text-only prompting, and how to write a prompt that gets AI tools closer to your intended design.

The AI creative process has shifted from idea generation to curation. Learn how product teams use Figma to ideate, refine, and align on the best direction.

Design context is what AI needs to produce intentional, on-brand output. Learn what it includes and how to carry it through your design workflow.

What is an agentic framework? Learn how AI agent frameworks work, why they matter for product development, and where Figma’s MCP server fits.

Learn how to create a Claude Code skill for your design system and keep AI outputs consistent with your team’s tokens and components.

Learn how generative AI is changing creative design workflows, and how teams are putting it to work with Figma Weave to generate on-brand assets at scale.

Learn what MCP for designers actually does, how Figma’s MCP server changes design-to-dev workflows, and which MCP servers you should be using today.

Explore 10 Claude Skills for design, including Figma-built options and community favorites. Learn what each skill does and how to build your own.

Learn how to start vibe coding with AI tools. This beginner’s guide covers the tools, steps, and workflow to build your first app with prompts.

Discover some of the top AI coding tools for 2026. Compare capabilities, pricing, and discover why Figma’s AI code generator leads the new design‑to‑code era.

Explore 11 workflow design tools that help teams map, visualize, and move work forward. See how FigJam makes collaborative workflow design fast and intuitive.

Explore 7 AI for A/B testing tools to shorten your feedback loops. Learn how to integrate AI into your testing workflow and ship validated designs faster.

Learn how AI usability testing can speed up your research and uncover deeper user insights. Explore a modern workflow and 7 tools for UX teams to try.

Build a powerful AI product design stack with these 5 specialized tools. Unify your workflow, from concept art to code, for maximum speed and efficiency.
Explore all topics