Skip to main content

AI tools & workflows

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.

All articles

  • 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.

    Read article
  • 7 of the best AI tools for graphic design

    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.

    Read article
  • How to use visual prompt engineering with AI design tools

    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.

    Read article
  • The AI creative process: How to ideate and refine faster

    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.

    Read article
  • What is design context in AI workflows?

    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.

    Read article
  • What is an agentic framework?

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

    Read article
  • How to create a skill in Claude Code for your design system

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

    Read article
  • Generative AI design: What it is and how to use it

    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.

    Read article
  • MCP for designers: What it is and how to use it

    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.

    Read article
  • 10 Claude Skills for design to add to your workflow

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

    Read article
  • How to start vibe coding

    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.

    Read article
  • 15 of the best AI coding tools and assistants for developers

    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.

    Read article
  • 11 of the best workflow design tools for product teams

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

    Read article
  • 7 AI for A/B testing tools to ship winning designs

    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.

    Read article
  • AI usability testing guide: Modern workflow and tools

    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.

    Read article
  • 5 of the best AI product design tools for 2026

    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.

    Read article