Tuvi
Live — free Starter plan, personal drafts always free

Design together. Keep your files yours.

Tuvi opens your Figma files right in the browser — no installs, no converters, no plugins. Invite the team, design together in real time and hand off work developers can build from.

What you get from day one

$0
to start — the free Starter plan covers up to 3 editors

1 project, 10 files and real-time collaboration included. Personal drafts stay free forever, on every plan.

7
code formats for your stack in Dev Mode

CSS, React, Tailwind, SwiftUI, UIKit, Jetpack Compose and Android XML — copy code straight from any element.

0
installs — Tuvi runs in your browser

Open a link and start designing on any modern laptop. No downloads, no updates, no IT tickets.

Unlimited
free viewers on every plan

Only editors take paid seats — stakeholders, clients and reviewers join, view and comment at no cost.

Everything your team needs to open, design and ship

Bring the files you already have, work on them together and hand off without friction — free to start, with viewers free on every plan.

Open your Figma files

Upload a .fig file and keep working right where you left off — components, styles and auto-layout arrive intact. No plugins, no converters, no export dance.

Fast with big files

Large, detailed files open and stay smooth as you zoom, pan and edit — on an ordinary laptop, in an ordinary browser tab. Nothing to install, ever.

Design together, live

Your whole team in one file: live cursors, comments pinned to the canvas, and branches with review when two directions need to be explored at once.

Code your developers can use

Click any element and copy ready-to-use code in 7 formats — CSS, React, Tailwind, SwiftUI, UIKit, Jetpack Compose or Android XML. The values come from the design itself.

Dev Mode for hand-off

Developers inspect exact spacing, typography and colors, copy production-ready snippets and stay in sync with design — no redlines, no guesswork.

Works with your AI assistant

Connect an AI assistant through MCP: it reads your design's real structure and writes code from it — no screenshots, no guessing.

From Figma file to shipped feature in three steps

No converters, no plugins, no re-drawing — one file goes from import to hand-off.

  1. Open your .fig file

    Drag a Figma file into the browser and keep designing right away — components, styles and auto-layout stay exactly as they were.

  2. Design together, live

    Invite the team and edit the same file at the same time, with live cursors, comments on the canvas and branches for exploring ideas in parallel.

  3. Ship it

    Hand developers ready-to-use code in 7 formats, export PNG, JPEG, SVG or PDF when you need assets, and mark finished frames Ready-for-Dev.

Built for the whole product team

Designers edit together, developers ship from the same source, agencies keep client work in order.

Product teams

Real-time multiplayer editing with everything a shipping team needs.

  • Edit the same file together live, with comments right on the canvas
  • Version history and trash retention on every plan
  • Team libraries: publish styles, variables and components

Developers

Hand-off that speaks your language — literally seven of them.

  • Dev Mode with inspectable spacing, typography and variables
  • Generate code in seven formats — from Tailwind to SwiftUI and Compose
  • MCP integration: let AI agents read designs and produce code

Agencies & studios

Client work with clean boundaries and sharing you control.

  • Open every client's .fig files without exports or extra seats
  • Review links with password and expiry on paid plans
  • Per-brand libraries of styles, variables and components

Your design workflow, before and after Tuvi

What changes when the whole team can open, edit and ship from one file.

Without Tuvi

  • Everyone who needs to touch a design needs a paid seat in one tool
  • Hand-off is screenshots and redlines: developers re-measure what the designer already decided
  • Parallel work means duplicated files named final, final-2 and final-really
  • Feedback scatters across chat threads, detached from the frames it describes

With Tuvi

  • Your .fig files open in the browser — viewers are free, personal drafts free forever
  • Developers click an element and copy ready-to-use code in 7 formats
  • Branches with review replace file copies — explore freely, merge the winner
  • Comments live on the canvas, right next to the pixels they discuss

Pricing

Per editor seat, per month. Yearly billing saves 20%. Personal drafts are free on every plan.

Starter

Free for small teams: up to 3 editors and one project.

$0/seat/month

  • 1 project, 10 files, 3 editors
  • Real-time collaboration and comments
  • View-only share links
  • 30-day version history
  • Free personal drafts
Recommended

Professional

Unlimited projects and files, advanced sharing, Dev Mode.

$12/seat/month

  • Everything in Starter
  • Unlimited projects, files and editors
  • Share links with edit access, password and expiry
  • Dev Mode and code generation
  • Team component libraries
  • Unlimited version history

Organization

For larger organizations: maximum limits and controls.

$45/seat/month

  • Everything in Professional
  • SAML SSO
  • Org-wide libraries with analytics
  • 500 MB uploads, unlimited trash retention
  • Billing groups and invoices

Latest from the blog

Guides on design collaboration, Figma workflows and shipping your designs faster.

5 min read

Letting AI agents read your designs — safely, over MCP

Tuvi's MCP integration lets AI agents list design files, inspect structure, read element properties, render previews and generate code — with your permissions in charge.

5 min read

AI assistants for design files: a practical workflow guide

Stop pasting screenshots into chatbots. How to connect an AI assistant directly to your design files, what it can actually do, and where it saves your team real hours.

5 min read

Real-time design collaboration: a practical guide for teams

How to get your whole team designing in one file — live co-editing, comments in context, branches for safe experiments and a rollout checklist you can run this week.

Frequently asked questions

Can I open my existing Figma files in Tuvi?

Yes — that is the heart of the product. Upload a .fig file and it opens as a live, editable design: components, styles and auto-layout intact. No plugin, no converter, no export step.

Is Tuvi really free to start?

Yes. Personal drafts are free with no time limit, and the Starter team plan is $0 for up to 3 editors, 1 project and 10 files. Paid plans add unlimited projects, Dev Mode and advanced sharing controls.

Do I need to install anything?

No. Tuvi runs in your browser on any modern laptop — open a link and start designing. There is nothing to download, update or ask IT about.

Are my files safe — and can I leave?

Your files stay yours. Tuvi never trains AI models on your designs, and your work stays exportable — PNG, JPEG, SVG or PDF — through your plan's retention window even after you cancel.

Do clients and stakeholders need paid seats?

No. Viewers are free on every plan — share a link and anyone can open the design and comment. On paid plans you can also protect links with a password and an expiry date.

Open a Figma file in your browser — right now

Start on the free plan, invite up to three editors and keep every design you make — personal drafts stay free forever.

View plans