Figma lets you turn big ideas into real products. Brainstorm, design, and build with your team. 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. Explore Figma Design . 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. Explore Dev Mode . 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. Explore FigJam . 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. Explore Figma Slides . 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. Explore Figma Draw . 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. Explore Figma Make . 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. Explore Figma Sites . 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. Explore Figma Buzz . 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 . Brainstorm ideas and run workshops that drive decisions. Brainstorm ideas visually Map user journeys seamlessly Run productive workshops Synthesize research insights Learn more about FigJam . Bridge design-to-code with pixel-perfect handoffs. Streamline design handoff Ensure design implementation accuracy Reduce back-and-forth with developers Learn more about Dev Mode . Build interactive prototypes without writing code. Prototype ideas without coding Test concepts quickly Share interactive demos Learn more about Figma Make . 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 . Add hand-drawn authenticity to digital designs. Add hand-drawn authenticity to designs Create custom illustrations Sketch ideas naturally Annotate with personal touch Learn more about Figma Draw . Design and publish your next website — no code required. Showcase portfolio professionally Build case studies without code Present work in context Create responsive showcases Learn more about Figma Sites . 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 Learn more about Figma Buzz . 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 Learn more about Dev Mode . 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 . Figma MCP Server 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 Figma MCP Server . Architect systems and document technical decisions visually. Plan technical architecture visually Document system designs Map API flows and data structures Align on implementation strategy Learn more about FigJam . Validate ideas with interactive prototypes in minutes. Prototype ideas independently Test concepts without dependencies Align teams with interactive demos Validate ideas quickly Learn more about Figma Make . 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 . Facilitate strategy sessions and map user journeys. Facilitate product planning sessions Create user journey maps Coordinate cross-functional roadmaps Document strategy decisions visually Learn more about FigJam . Track design progress and ensure development readiness. Track design readiness for development Ensure smooth handoffs Monitor progress in one place Reduce cross-team confusion Learn more about Dev Mode . 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 . Sketch wireframes and communicate ideas visually. Sketch product concepts quickly Annotate requirements visually Create wireframes and mockups Express ideas through visual thinking Learn more about Figma Draw . 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 Learn more about Figma Sites . 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 Learn more about Figma Buzz .