Resource Library

All articles

Showing 258 results

What is a concept map, and how do you make one? [guide + template]
- Design research
Concept maps organize and connect a set of related concepts in a simple visual diagram. Learn how to make a concept map using FigJam’s ready-made template.
Read article
How to turn your design system into a Claude Skill
- AI tools & workflows
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
- AI tools & workflows
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
- AI tools & workflows
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
- AI tools & workflows
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
Design operations: What it is and why it matters
- Team management
Design operations help teams scale without losing quality or speed. Learn what DesignOps is, who does it, and when your team needs it.
Read article
User-centered design questions to ask at every stage
- UI/UX Design principles
The right user-centered design questions help teams cut through assumptions and build products people actually want. Learn which ones matter most.
Read article
What is design context in AI workflows?
- AI tools & 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
Automated UI handoff: A guide for design teams
- UI/UX Design principles
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.
Read article
What is an agentic framework?
- AI tools & workflows
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
- AI tools & workflows
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
- AI tools & workflows
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
- AI tools & workflows
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
- AI tools & workflows
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
What is a customer journey map? + How to create one
- UX & Communication strategy
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.
Read article
How to start vibe coding
- AI tools & workflows
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