Figma

This Figma review covers what Figma is used for, the key features of each product, Figma pricing and seats, Figma Sites and Figma Make, where the design tool shines and falls short, and how it compares with other tools. Figma runs in the browser and as a desktop app, and every file lives in the cloud, so designers, developers and product managers work in the same file at the same time. Since 2025 Figma is more than one tool: next to Figma Design it includes FigJam for whiteboarding, Dev Mode for developer handoff, Figma Slides, Figma Sites for publishing websites and Figma Make for turning prompts into working prototypes and web apps.

What is Figma used for?

Figma is used to design user interfaces for websites, web apps and mobile apps, from rough wireframes to high fidelity prototypes. Design teams build and maintain design systems in it: shared components, styles and variables that keep every screen consistent, so the whole design process runs from one set of files. UX designers create interactive prototypes for user testing, and development teams inspect the same Figma files to get measurements, assets and code snippets.

For low-code teams Figma is often the first step of a project. A designer makes the screens in Figma, and a builder turns them into a working product in Webflow, Framer, FlutterFlow or Bravo Studio. Figma Sites and Figma Make now let a team skip part of that handoff: publish a website or generate a working prototype without leaving Figma.

Key features

• Vector editing and auto layout: pen and text tools for precise design, and auto layout that makes frames resize to their content and to different screen sizes.
• Components and design systems: create reusable components with variants and properties, publish them as shared libraries, and use variables for colors, spacing and modes such as light and dark.
• Interactive prototypes: link multiple screens with clicks, hover states and smart animate transitions, with conditional logic and variables for more realistic flows.
• Real time collaboration: multiple editors in the same file, comments, version history, audio conversations and shareable links for external collaborators with view or comment access.
• Dev Mode: measurements, CSS and platform code snippets, asset export and Code Connect, so developers see how a design maps to their components.
• Figma AI: AI features to generate first drafts, rename layers, search visually across files and write text, metered in AI credits per seat.
• FigJam: a whiteboard with sticky notes, templates and diagrams for ideas and workshops, open to non designers.
• Plugins and the Figma Community: thousands of plugins, UI kits and templates, plus private plugins on Organization and Enterprise plans.

Figma pricing

Figma sells seats, not products. The figures below come from Figma's pricing page and its plans and features article as of September 2026.

• Starter (free plan): $0. One team, one folder and 3 design files, unlimited drafts, 30 days of version history, access to templates and UI kits, 150 AI credits a day up to 500 a month.
• Professional: Full seat $16, Dev seat $12 and Collab seat $3 per month. Unlimited files and unlimited version history, team libraries, advanced prototyping, 3,000 AI credits a month on a Full seat.
• Organization: billed annually. Full seat $55, Dev seat $25, Collab seat $5 per month. Adds branching and merging, Code Connect, centralized administration and private plugins.
• Enterprise: billed annually. Full seat $90, Dev seat $35, Collab seat $5 per month. Adds workspaces, single sign-on, advanced security and guest controls.

A Full seat unlocks every product, including Figma Design, Make, Sites and Dev Mode. A Dev seat covers Dev Mode, FigJam and Slides with view and comment access in design files. A Collab seat covers FigJam and Slides.

The cost surprise to check is which seat each person needs. Anyone who edits designs or uses Figma Make or Figma Sites needs a Full seat, and Organization and Enterprise are billed per year. AI features draw on a monthly credit allowance per seat, and heavy use of Make uses credits quickly.

Getting started: the learning curve

Figma is easy to start with: create a free account, open a design file in the browser and draw frames, text and shapes. The learning curve comes with the advanced features that make Figma fast for design teams: auto layout, components with variants, variables and prototyping logic. Most designers learn the basics in days and the design system features, such as components and variables, over weeks. Start from one of the free templates or a UI kit in the Figma Community, rebuild a few screens from a real project, and share the file with comment access to get feedback early. For a developer, Dev Mode is the part to learn first; for a low-code builder, learning to read components and auto layout makes the move from Figma designs to a builder smoother.

Figma vs Adobe XD and other design tools

Adobe XD was Figma's closest rival for years, but Adobe no longer develops it actively, and most teams that used XD have moved to Figma. Sketch is still popular on the Mac and works offline, but its collaboration is less direct than editing the same file in the browser. Penpot is an open-source option you can self-host, with fewer features. Figma gives more control over design systems, components and developer handoff than any of these tools, with more features for teams in one design workflow, which is why it became the default tool for product teams.

Figma Sites: publish a website from Figma

Figma Sites turns Figma Design frames into responsive websites and publishes them without a separate website builder. You start from a design file or a template, use pre-built blocks with auto layout, add interactions such as hover states and scroll effects, and manage content in the Sites CMS. Custom code and AI-generated code layers are possible for effects the built-in options do not cover (Figma Sites).

Publishing needs a paid plan with a Full seat. Professional plans can connect up to 10 custom domains, Organization and Enterprise as many as needed (Figma Help Center). Figma Sites is still labelled beta. It suits portfolios, landing pages and marketing sites that a design team wants to own end to end. Larger sites with complex CMS needs are still better served by a dedicated website builder.

Figma Make: prompt to prototype and web app

Figma Make is Figma's AI app builder. You describe what you want, attach Figma frames or a design system, and Make generates a working, code-backed prototype that you can edit visually or in code (Figma Make). Make kits sync your npm packages, library styles and guidelines, so the result follows your design system. A Supabase integration adds a backend with a Postgres database, sign-in and secret storage (Figma Help Center).

Make is part of the Full seat, and the free Starter plan can try it within its daily AI credits. Starter users can only publish a Make file to the public web if they also publish it to the Figma Community (Figma Make FAQs). Make is the fastest way to create interactive prototypes for user testing. For a production app with complex logic, most teams still hand the result to developers or a low-code platform.

Where Figma shines — and where it falls short

Strengths:

• Real time collaboration in the browser, with no files to send around.
• The strongest tool for design systems, components and variables.
• One tool from wireframe to prototype, developer handoff and even a live website.
• A huge community with plugins, UI kits and templates, and unlimited collaborators with view access on every plan.

Trade-offs:

• Paid seats add up per editor, and Organization and Enterprise are annual only.
• No real code export: Dev Mode shows code snippets, but it does not generate a production front end.
• Very large files with many screens can slow down, and most work needs an internet connection.
• Figma Sites is still beta and less flexible than a dedicated website builder.
• AI features and Make are limited by monthly AI credits.

How Figma compares

• Framer: design and publish websites in one tool, with a stronger CMS and hosting than Figma Sites.
• Webflow: a visual website builder for production sites; teams design in Figma and build in Webflow.
• Canva: simpler design for marketing graphics and social media, not interface design.
• FlutterFlow and Bravo Studio: turn designs into native mobile apps.
• Wix: an all-in-one website builder for small businesses.
• Bubble: build full web apps with logic and a database after the design is done.

Is Figma worth it?

Figma is worth it for product teams, UX designers and agencies that design interfaces together and need a design system shared across projects. The free plan is enough to learn the design tool and test ideas, and the Professional plan with unlimited files covers most small teams. It is less of a fit for people who only need marketing graphics, where Canva is simpler, or for teams that want a complete website platform, where Framer or Webflow go further than Figma Sites. For low-code projects, Figma is usually the right direction to start: design the screens first, then build in the platform of your choice. The low-code agencies and developers on LowCodeDevs can take a Figma design and build it.

Sources

• Figma pricing: plans, seat types, prices and AI credits.
• Figma plans and features: Starter limits and features per plan.
• Figma Sites and Manage a custom domain for your site: publishing and custom domains.
• Figma Make, Figma Make FAQs and Add a backend: prompt-to-app, publishing and Supabase.
• Figma Review 2026, ChooseSaaS: pros and cons (its prices of $15, $45 and $75 per editor and a separate Dev Mode add-on are outdated; Figma's pricing page now shows Full seats at $16, $55 and $90 and a Dev seat type).
• 13 Figma Alternatives, UX Pilot: alternatives (written by a competitor).