Skip to main content

🎨 UI & UX

Figma

Figma is the collaborative interface design tool that runs in your browser, so whole teams can design together in real time from any machine. It grew from a vector editor into a complete product design platform, and its built-in AI now helps with everything from generating first drafts to renaming layers.

Quick Facts

Developer Figma, Inc.
First released 2016 (public beta)
Latest version Web app, continuously updated
Platforms Browser-based; macOS, Windows, Linux, iOS and Android apps
License Proprietary
Pricing Free Starter plan; paid plans from around $15 per editor per month (see official website)

What is Figma?

Figma is a browser-based interface design tool created by Figma, Inc., a company founded in 2012 by Dylan Field and Evan Wallace. When it launched publicly in 2016, its big idea was collaboration: because the editor runs in the browser, multiple people can work on the same file at once, and sharing a design is as simple as sending a link.

Over the years it has expanded into a full product design platform. Figma Design covers vector editing, prototyping and design systems, FigJam is a whiteboard for brainstorming and workshops, Figma Slides handles presentations, and Dev Mode is built for handing designs to developers. A huge plugin and community ecosystem means most problems already have a solution someone shared.

In 2024 Figma introduced its AI features, including First Draft, which generates UI layouts from a text prompt. The AI can also rename layers, fill in realistic content and create visual variations, which turns Figma into a genuine AI-assisted design tool as well as the industry-standard canvas.

Key Features

  • Real-time multiplayer editing with a shareable link
  • Vector editing with auto layout, components and variants
  • Prototyping with transitions, overlays and interactions
  • FigJam whiteboards for workshops and planning
  • Figma AI: First Draft generation, AI layer renaming, content fill and more
  • Dev Mode for inspecting designs and handing off to developers
  • Massive plugin and community file ecosystem
  • Version history and comment-based feedback

How to get started

Create a free account at figma.com and you can start designing immediately, no downloads needed. The Starter plan is free forever for hobbyists and covers personal files with generous limits.

A good first step is to explore the Community tab, where you will find thousands of free templates for mobile apps, websites, dashboards and presentations. You can also try Figma AI by describing a screen you want and letting First Draft build the starting point for you.

  • Sign up for a free Figma account
  • Create a new design file
  • Browse Community templates or use Figma AI First Draft
  • Invite teammates by sharing a link
  • Learn the basics with Figma's free tutorials and help docs

Use cases

  • UI and UX design for web and mobile products
  • Building and maintaining design systems with shared components
  • Interactive prototyping for user testing and demos
  • Whiteboarding sessions, workshops and remote team planning
  • Developer handoff with Dev Mode and design tokens
  • AI-assisted concept exploration from a text prompt
  • Brand and marketing asset design

Pricing and licensing

Figma uses a freemium subscription model. The Starter plan is free for individuals, while paid plans (Professional, Organization and Enterprise) are billed per editor and add features like advanced permissions, extra storage, team libraries and more capable AI usage.

Pricing has shifted a few times over the years, so check the official website for current numbers. Figma is proprietary software, though it offers generous free tiers for students and hobbyists.

Pros and cons

Figma's greatest strengths are collaboration and ecosystem. Real-time editing, comments, version history and the sheer volume of plugins and community files make it the default choice for product teams, and being browser-based means it works on almost any machine.

The downsides are performance and cost. Very large files can slow down in the browser, professional pricing adds up for big teams, and you mostly need an internet connection to work. For very simple vector tasks it can also feel heavier than a lightweight editor.

Alternatives

  • Penpot: free and open-source design tool with a similar collaborative model
  • Sketch: long-standing Mac-native design tool
  • Framer: design canvas that publishes real websites
  • Visily: AI-first wireframing from screenshots and text
  • Uizard: AI design generation aimed at non-designers

Resources

What is New?

By continuing to use the site, you agree to the use of cookies.