Skip to main content Made for the big picture. Perfect down to every pixel. Flexible workflows Collaborative canvas Design fundamentals Work the way you want to—whether that means building design systems, editing with AI, or fine-tuning the details. Flexible workflows Collaborative canvas Design fundamentals Work together in multiplayer files, share feedback with comments, and talk to your teammates with cursor chat in one shared space. Flexible workflows Collaborative canvas Design fundamentals With best-in-class layout tools, type tools, and more, you have full control over how you design. An infinite canvas for infinite expression. Draw it, animate it, and make it exactly the way you imagine. Add motion Create precise animations, build out reusable motion systems, and ship dev-ready animations. Explore Figma Motion Create precise animations, build out reusable motion systems, and ship dev-ready animations. Draw rich illustrations Create pixel-perfect designs with vector editing. Use vector brushes, advanced stroke settings, fills, and more. Explore Figma Draw Draw rich illustrations Create pixel-perfect designs with vector editing. Use vector brushes, advanced stroke settings, fills, and more. Chat with Figma Prompt Figma’s AI agent to generate new design directions, make bulk text and image edits, and apply your design system. It’s all built right into the canvas. Explore AI workflows Chat with Figma Prompt Figma’s AI agent to generate new design directions, make bulk text and image edits, and apply your design system. It’s all built right into the canvas. Know what your user will experience before you build. Prompt your design to life. Then shape it until you have a code-backed prototype your team can see, feel, and react to. Edit by prompt, design, or code Prompt out a high-fidelity prototype in Figma Make, then polish the details however you prefer to work—by design, code, or prompt. Explore Figma Make Edit by prompt, design, or code Prompt out a high-fidelity prototype in Figma Make, then polish the details however you prefer to work—by design, code, or prompt. Embed Make prototypes anywhere Drop your prototypes into Figma Design, FigJam, and Figma Slides so your team can click through, interact, and give better feedback. Embed Make prototypes anywhere Drop your prototypes into Figma Design, FigJam, and Figma Slides so your team can click through, interact, and give better feedback. The products you love are designed in Figma We’re all working in one place versus multiple tools. This helps with context switching and costs, but it’s mostly about speed and ease. Figma has what we need. Head of Product Design, The Economist 95% 95 % 95% of the Fortune 500 uses Figma 95% of the Fortune 500 uses Figma Based on data from March 2025. Build the best design systems in the business. Create one source of truth that lets your whole organization consistently build quality products. Make deliberate design the default setting Standardize styles, components, variables, and modes so that everything—from color to padding to motion—scales seamlessly across your products and brands. Make deliberate design the default setting Standardize styles, components, variables, and modes so that everything—from color to padding to motion—scales seamlessly across your products and brands. A system your whole team can use Share libraries, components, fonts, and more across your organization so everyone builds from the same foundation—whether it’s for one brand or many. A system your whole team can use Share libraries, components, fonts, and more across your organization so everyone builds from the same foundation—whether it’s for one brand or many. Code and design work together. All of your designs are connected to real, production-ready code. What you intend is what gets shipped.

From design to code and back again The Figma MCP server gives agentic coding tools design context—like variables and components—so you can create via prompt, code, or hands-on designing. Get Figma MCP docs From design to code and back again The Figma MCP server gives agentic coding tools design context—like variables and components—so you can create via prompt, code, or hands-on designing. Get your dev in the details Connect your design system directly to your codebase with Code Connect, so developers get real, working code. Explore Dev Mode Get your dev in the details Connect your design system directly to your codebase with Code Connect, so developers get real, working code. Packed with powerful features designers love Figma Motion New Animate with timeline control or agent assist, extend your design system to include motion, and ship with dev-ready export. Explore Figma Motion Get the guide Animate with timeline control or agent assist, extend your design system to include motion, and ship with dev-ready export. Figma Weave tools (Beta) New Choose from a list of pre-built AI workflows to generate images and vectors directly in Figma. Learn more Figma Weave tools (Beta) Choose from a list of pre-built AI workflows to generate images and vectors directly in Figma. Generative plugins (Beta) New Prompt your own reusable plugins right on your canvas with Figma’s agent. They’re shareable across your organization. Learn more Generative plugins (Beta) Prompt your own reusable plugins right on your canvas with Figma’s agent. They’re shareable across your organization. Shaders (Beta) New Prompt custom shader effects and fills for use in designs, with export support to Figma Make and other platforms via the Figma MCP. Learn more Prompt custom shader effects and fills for use in designs, with export support to Figma Make and other platforms via the Figma MCP. Figma agent (Beta) Collaborate with an agent to generate and remix designs, automate busywork, and get design feedback. Explore AI workflows Get the guide Figma agent (Beta) Collaborate with an agent to generate and remix designs, automate busywork, and get design feedback. MCP server Connect Figma to external tools so AI agents can read, reference, and act on your designs as part of your workflow. Get the docs Connect Figma to external tools so AI agents can read, reference, and act on your designs as part of your workflow. Brushes Paint and add hand-drawn detail directly in your design file with brush tools that create organic, textured strokes. Learn more Paint and add hand-drawn detail directly in your design file with brush tools that create organic, textured strokes. Textures Add depth and detail to any design with effects like shadows, blur, noise, texture, and glass. Learn more Add depth and detail to any design with effects like shadows, blur, noise, texture, and glass. Vector tooling Create custom icons, illustrations, and shapes with a full set of vector drawing and editing tools. Learn more Create custom icons, illustrations, and shapes with a full set of vector drawing and editing tools. Vectorize Convert any flat, static image into an editable, scalable vector in seconds. Learn more Convert any flat, static image into an editable, scalable vector in seconds. Components Build reusable UI elements once and use them across your file, keeping designs consistent and easy to update. Get the guide Build reusable UI elements once and use them across your file, keeping designs consistent and easy to update. Variables Apply reusable values for color, spacing, text, and more so changes update at scale across all designs. Get the guide Apply reusable values for color, spacing, text, and more so changes update at scale across all designs. Slots Customize components—like menu dropdowns, modals, and cards—without detaching, so content can flex without breaking structure. Get the guide Playground file Customize components—like menu dropdowns, modals, and cards—without detaching, so content can flex without breaking structure. Check designs New Compare your designs against your design system, see what's off, and apply the correct fix in one click. Learn more Compare your designs against your design system, see what's off, and apply the correct fix in one click. Auto layout Build frames that resize and reflow automatically as content changes, so your designs adapt without manual adjustments. Get the guide Playground file Build frames that resize and reflow automatically as content changes, so your designs adapt without manual adjustments. Grid Build flexible layouts like bento, card, and galleries with precise control over spacing, sizing, and structure. Get the guide Playground file Build flexible layouts like bento, card, and galleries with precise control over spacing, sizing, and structure. Multi-edit Select and edit multiple objects across frames and component sets all in one go. Learn more Playground file Select and edit multiple objects across frames and component sets all in one go. Branching and merging Work on design changes in an isolated branch and merge them back when ready, without disrupting the main file. Get the guide Branching and merging Work on design changes in an isolated branch and merge them back when ready, without disrupting the main file.