Figma
Collaborative design canvas for UI, prototypes, motion and design systems, now with a built-in agent
Figma is the browser-based design canvas most product and UI teams use for screens, prototypes and design systems. Since Config 2026 (June 23-25) it also ships a built-in Figma agent, node-based Weave workflows, Figma Motion for timeline animation and generative plugins built from a prompt. Free Starter tier; paid Full seats from $16/editor/month.
- 17 creators using
- Freemium pricing
- Moderate learning curve
What Figma can do
- Infinite canvas Yes
- AI agent Yes
- Node / flow builder Yes
- Public API Yes
- MCP server Yes
13 of 26 capabilities confirmed
| Capability | Supported | Details |
|---|---|---|
| Text to image | Partial | Image generation via Figma Buzz (beta) and Weave image tools; not a dedicated image model studio |
| Image editing | Partial | Weave image tasks inside Design files, such as background swaps and aspect-ratio changes |
| Text to video | No | |
| Image to video | No | |
| Video to video | No | |
| Native audio in video | No | |
| Lip-sync | No | |
| Voice / TTS | No | |
| Music & SFX | No | |
| Upscaling | Not confirmed | |
| Character consistency | No | |
| Camera control | No | |
| Custom training | No | |
| Third-party models | Not confirmed |
| Capability | Supported | Details |
|---|---|---|
| Infinite canvas | Yes | Infinite multiplayer canvas is the core of Figma Design; Config 2026 framed it as the place for design, code and agents |
| Node / flow builder | Yes | Weave node-based workflows on the canvas (publishing as reusable tools is coming soon) |
| AI agent | Yes | Figma agent, launched to all users June 2026; FigJam and Slides agents on waitlist |
| Chat assistant | Yes | Figma agent chat inside Design files, with skills and connectors |
| Team collaboration | Yes | Real-time multiplayer editing, comments, branching and shared libraries |
| Capability | Supported | Details |
|---|---|---|
| Public API | Yes | REST API at api.figma.com (files, comments, variables, exports, webhooks) plus the Plugin API |
| MCP server | Yes | Official remote Figma MCP server (mcp.figma.com/mcp); write-to-canvas in beta |
| Mobile app | Partial | Mobile apps for viewing and prototyping; editing is designed for desktop and browser |
| Desktop / local | Partial | Desktop app exists, but the product is cloud-hosted and needs internet; a desktop MCP server is also offered |
| Open source | No |
| Capability | Supported | Details |
|---|---|---|
| Free tier | Yes | Starter plan: unlimited drafts, limited agent credits |
| Commercial use | Yes | Paid plans; check Starter terms before commercial client work |
Yes Partial No Not confirmed by the vendor
What makes Figma different
- 01
Multiplayer canvas is the default: several editors, plus commenters and viewers on paid plans without a paid seat, work in one file live.
- 02
Largest design-to-code bridge in the category: Dev Mode inspect, REST and Plugin APIs, and an official MCP server that AI coding agents can read from and, in beta, write to.
- 03
Components, variants and variables form a design-system layer that many other tools lack, and teams can publish shared libraries (Organization plan).
- 04
Cheaper seat tiers for people who only review or hand off: Dev seats at $12 and Collab seats at $3 per month, versus $16 for a Full editor.
- 05
Native motion and agent tools now sit in the same file as the frames they animate, rather than in a separate app.
About Figma
Figma runs in the browser and the desktop app, and lets several people edit the same file at once. Its core pieces are auto-layout, components with variants, variables for tokens, interactive prototyping and Dev Mode for developer handoff. FigJam (whiteboarding) and Slides sit alongside it in the same workspace.
What changed in 2026: at Config (June 2026) Figma turned the canvas into a place for design, code, motion and agents. The Figma agent launched to all users, able to generate and remix designs, use attached files and connectors (Notion, Slack, GitHub), and show its chats to collaborators. Figma Motion adds a keyframe timeline with presets and exports to MP4, WebM, Animated SVG and GIF. Weave lets you build node-based image workflows on the canvas, and generative plugins and shader fills are built by describing what you want. Code layers, which turn design layers into interactive code, were on a waitlist with rollout slated to start in July. The remote Figma MCP server gained beta write access, so coding agents can push UI into Figma as editable frames.
For filmmakers and motion designers, Figma is the place for title cards, lower-third and end-card layouts, storyboard frames, pitch decks and brand kits, and for handing static frames to an editor or animator. It does not generate video. Video work still happens in an NLE or a generator, with Figma supplying the graphics and motion specs.
What's new in Figma
-
Figma agent launches to all users
The built-in agent can generate and remix designs, use attached files and third-party connectors, and its chats are visible to collaborators in the file.
Source: figma.com ↗ -
Figma Motion adds a keyframe timeline
Timeline with keyframes and presets, Dev Mode exports to CSS, JSON and React, video export to MP4 and WebM plus Animated SVG and GIF.
Source: figma.com ↗ -
Weave node workflows and generative plugins on the canvas
Weave node-based image tools run inside Figma Design files; generative plugins are built from a text description and shared within a file, with team and community publishing marked as coming soon.
Source: figma.com ↗ -
Shader fills and effects built from a prompt
Shaders are created from text or a reference image, with parameters exposed as canvas controls. Interactive shaders are still coming soon.
Source: figma.com ↗ -
Remote MCP server gains beta write access
Agents can create and update designs, components, variables and screens on the canvas via the remote server at mcp.figma.com; the write feature is in beta.
Source: figma.com ↗
Key Features
- Real-time multiplayer design canvas in the browser and desktop app
- Auto-layout, constraints and responsive frames
- Components, variants and variables for design systems
- Interactive prototyping
- Dev Mode for specs, code snippets and handoff
- Figma agent (June 2026) for generating and remixing designs
- Figma Motion timeline with MP4, WebM, GIF and Animated SVG export
- Weave node-based workflows and generative plugins on the canvas
- Official remote MCP server with beta write access
- REST API and Plugin API
- FigJam whiteboard and Slides in the same workspace
When to reach for it — and when to skip
Reach for it when…
- Industry standard for UI and product design, so most collaborators already know it
- Real-time multiplayer editing with comments, works in any browser
- Strong component and variables system for keeping brand and UI consistent
- Dev Mode and MCP make handoff to code and AI coding agents direct
- Free Starter tier is usable for solo work and review
Skip it when…
- Credit allowances differ sharply by seat type; Dev and Collab seats get only 500 credits a month
- Large files can be slow, and the product needs an internet connection for full use
- Video generation is absent; Motion animates frames but does not produce AI footage
- Several 2026 features (code layers, interactive shaders, team publishing of plugins, FigJam and Slides agents) are waitlisted or coming soon
- Full-seat cost adds up for large teams, and the seat tiers are complicated to budget
Best For
✓ Ideal for
- Designing title cards, lower thirds, end screens and thumbnails for a video channel or agency
- Storyboard frames and pitch decks shared with clients for review and comments
- Brand kits and template systems that a production team reuses across projects
- Building motion specs (keyframes, easing) that an After Effects or Motion editor can follow
- Feeding design frames to AI coding agents via MCP to build web pages for a film or show
✗ Not built for
- Generating video or AI footage; use a video generator or NLE instead
- Offline-only work or very large production asset libraries
Working Tips from Filmmakers Using Figma
- 01 Put Dev seats on people who only need inspection or handoff; they pay $12 instead of $16 and still get Dev Mode
- 02 Use Figma Motion for simple UI and title motion, then export MP4 at the size your NLE needs rather than rebuilding it in After Effects
- 03 Keep title-card and lower-third components in one shared library so editors pick from the same styled set
Figma pricing in 2026
| Plan | Price | What you get |
|---|---|---|
| Starter | Free free |
|
| Professional | $16 per Full seat ($20 monthly per Banani; check toggle) monthly or annual |
|
| Organization | $55 per Full seat annual |
|
| Enterprise | $90 per Full seat (sales-led) annual |
|
Prices checked against Figma's pricing page on 9 Oct 2026. Vendors change plans often, so confirm before you buy.
Figma vs Canva vs Adobe Creative Cloud
| Figma | Canva | Adobe Creative Cloud | |
|---|---|---|---|
| Price | Free Starter. Professional Full seat $16/editor/mo; Dev seat $12/mo; Collab seat $3/mo (annual pricing) | Free plan; see the vendor's pricing page for paid plans | From $9.99/mo (Firefly Standard); Creative Cloud Pro $69.99/mo list ($34.99/mo first 3 months for new subscribers) |
| Infinite canvas | Yes | Partial | Yes |
| Node / flow builder | Yes | No | Not confirmed |
| AI agent | Yes | Yes | Yes |
| Chat assistant | Yes | Yes | Yes |
| Team collaboration | Yes | Yes | Yes |
| Text to image | Partial | Yes | Yes |
| Image editing | Partial | Yes | Yes |
| Text to video | No | Yes | Yes |
| Image to video | No | Yes | Yes |
| Video to video | No | No | Yes |
| Native audio in video | No | Yes | Not confirmed |
| Voice / TTS | No | Not confirmed | Yes |
| Music & SFX | No | Not confirmed | Yes |
| Upscaling | Not confirmed | Not confirmed | Yes |
| Camera control | No | Not confirmed | Partial |
| Custom training | No | No | Yes |
| Third-party models | Not confirmed | Partial | Yes |
| Public API | Yes | Yes | Yes |
| MCP server | Yes | Yes | Yes |
| Mobile app | Partial | Yes | Yes |
| Desktop / local | Partial | Partial | Yes |
| Free tier | Yes | Yes | Yes |
| Commercial use | Yes | Partial | Yes |
Each column comes from that tool's own researched page. "Not confirmed" means the vendor doesn't say.
Open the full Figma vs Canva vs Adobe Creative Cloud comparison →Use Cases
Tags
Sources
Facts on this page were checked against Figma's own pricing, product and changelog pages on , then cross-checked with independent coverage where vendor pages were silent. Anything we couldn't confirm is marked "Not confirmed" rather than guessed.
- Figma pricing page figma.com
- Config 2026 recap (Figma blog, June 24 2026) figma.com
- Figma REST API documentation developers.figma.com
- Everything announced at Config 2026 (Figma forum) forum.figma.com
- Figma help center: remote MCP write-to-canvas help.figma.com
- Adobe Creative Cloud plans (comparison) adobe.com
Spotted something out of date? Tell us and we'll re-check it.
Discussion
No comments yet — be the first.