Resource Library

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.

Learn how automated UI handoff works, where manual processes break down at scale, and how Figma’s Dev Mode and Code Connect build a connected 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 what a customer journey map is, what to include in one, and how to create one in five steps. Plus, examples and a free FigJam template.

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 18 of the best visual collaboration tools for design, whiteboarding, and teamwork. See how Figma and FigJam help teams work better, together.

We reviewed 9 AI prototyping tools for product and design teams. See how Figma Make and others help you go from prompt to interactive prototype in minutes.

Learn how to integrate AI into an app with a framework that covers use-case mapping, prototyping, handoff, and rollout, so you build right the first time.

Learn how AI in product management translates to faster prototypes and better alignment. Discover how Figma Make can support your workflow.

Avoid common design system scaling mistakes. Learn how to transition from a static library to a product infrastructure that aligns design and code at scale.