What is Figma?
Figma lets you turn big ideas into real products. Brainstorm, design, and build with your team.
Figma Design
Figma Design is the primary tool for people to create, share, and test designs for websites, mobile apps, and other digital products and experiences. It is a popular tool for designers, product managers, writers, developers, and helps anyone involved in the design process contribute, give feedback, and make better decisions, faster.
Dev Mode
Dev Mode unlocks a feature set within Figma Design that helps transform your designs into code. With Dev Mode, designers and developers can stay on the same page, making sure important details aren’t lost in the handoff process.
FigJam
FigJam lets you create online whiteboards where anyone can take part. People use FigJam for meetings, brainstorms, diagrams, planning, and research to enhance team collaboration. In FigJam, you can use text, shapes, drawings, images, sticky notes, and other elements to visually represent ideas and jam on work together.
Figma Slides
Figma Slides is a slide deck creation tool that lets you and your team create beautiful, interactive presentations. Insert designs and prototypes from Figma Design, co-create and present confidently with collaboration and presentation tools, and use interactive widgets to gather stakeholder feedback before your presentation even ends.
Figma Draw
Figma Draw enables you to create more expressive designs with illustration tools, improved vector editing, and more effects. Figma Draw lets you access illustration tools like brushes, transforms, and textures, directly inside a Figma Design file.
Figma Make
Figma Make is an AI-driven, prompt-to-app tool that lets you bring ideas and existing Figma designs to life as functional prototypes, web apps, and interactive UI.
Figma Sites (Beta)
Figma Sites enables you to design, prototype, and quickly publish a website using responsive components, text, and auto layout by pasting your existing designs from Figma Design.
Figma Buzz (Beta)
Buzz enables teams to create on-brand static assets together, with the power of Figma Design. You have access to templates, inserts, your team’s libraries, and curated libraries from the Figma Community — all available to use in styled text, icons, illustrations, and anything else your team has saved in a Figma Design library.
Figma Design
Design faster with real-time collaboration and scalable systems.
- Design with speed and consistency
- Collaborate in real-time with teams
- Create pixel-perfect prototypes
- Build scalable design systems
Learn more about Figma Design.
FigJam
Brainstorm ideas and run workshops that drive decisions.
- Brainstorm ideas visually
- Map user journeys seamlessly
- Run productive workshops
- Synthesize research insights
Dev Mode
Bridge design-to-code with pixel-perfect handoffs.
- Streamline design handoff
- Ensure design implementation accuracy
- Reduce back-and-forth with developers
Figma Make
Build interactive prototypes without writing code.
- Prototype ideas without coding
- Test concepts quickly
- Share interactive demos
Figma Slides
The first presentation tool built for designers - create live, collaborative decks.
- Run design reviews with interactive polls and alignment scales
- Present with clickable prototypes that build excitement
- Collaborate in real-time with audio and cursor chat
- Stay on-message with built-in presenter notes
- Create live decks that update automatically with your work
- Work simultaneously without saving or passing files around
Learn more about Figma Slides.
Figma Draw
Add hand-drawn authenticity to digital designs.
- Add hand-drawn authenticity to designs
- Create custom illustrations
- Sketch ideas naturally
- Annotate with personal touch
Figma Sites
Design and publish your next website — no code required.
- Showcase portfolio professionally
- Build case studies without code
- Present work in context
- Create responsive showcases
Figma Buzz
Create stunning social assets and promotional graphics.
- Create on-brand social media posts and graphics
- Design digital ads for multiple platforms
- Build promotional materials and event assets
- Generate team communication visuals and signage
Dev Mode
Dev Mode is your primary tool to Inspect designs and extract code-ready assets instantly.
- Get accurate specs instantly
- Use Code Connect to bridge between your codebase and Figma's Dev Mode
- Work in an environment you already know and love with the VS Code extension
- Access assets without manual work
- See design updates in real-time
- Build with consistent tokens
- Know exactly what's ready to build
- Stay focused in development workflow
Code Connect (part of Dev Mode)
- Sync design tokens with code automatically
- Avoid manual implementation errors
- Keep design systems aligned
- Reflect design changes in code
Learn more about Code Connect.
Dev Mode MCP Server (Beta)
Generate production-ready code from Figma designs using AI-powered agents directly in your IDE.
- Generate code from designs with AI
- Access full design context in workflows
- Extract components and variables cleanly
- Build with real-time design data
Learn more about Dev Mode MCP Server (Beta).
FigJam
Architect systems and document technical decisions visually.
- Plan technical architecture visually
- Document system designs
- Map API flows and data structures
- Align on implementation strategy
Figma Make
Validate ideas with interactive prototypes in minutes.
- Prototype ideas independently
- Test concepts without dependencies
- Align teams with interactive demos
- Validate ideas quickly
Figma Slides
Create stakeholder presentations that never go stale.
- Create decks where work already lives
- Align stakeholders with live presentations
- Get real-time feedback
- Keep presentations always current
Learn more about Figma Slides.
FigJam
Facilitate strategy sessions and map user journeys.
- Facilitate product planning sessions
- Create user journey maps
- Coordinate cross-functional roadmaps
- Document strategy decisions visually
Dev Mode
Track design progress and ensure development readiness.
- Track design readiness for development
- Ensure smooth handoffs
- Monitor progress in one place
- Reduce cross-team confusion
Figma Design
Review designs and align teams on product vision.
- Review and provide feedback on designs
- Understand design decisions and constraints
- Create low-fidelity mockups and wireframes
- Collaborate effectively with design teams
- Ensure designs align with product strategy
- Communicate requirements visually
Learn more about Figma Design.
Figma Draw
Sketch wireframes and communicate ideas visually.
- Sketch product concepts quickly
- Annotate requirements visually
- Create wireframes and mockups
- Express ideas through visual thinking
Figma Sites (Beta)
Design and publish your next website — no code required.
- Launch product landing pages
- Build feature announcement sites
- Create marketing pages independently
- Showcase product case studies
Figma Buzz
Design launch materials and customer communications.
- Create product launch and announcement materials
- Design marketing assets for feature rollouts
- Build branded materials for customer communications
- Generate promotional graphics for product milestones