Design and deliver in the same org
A product-design canvas on Nrova — frames, auto-layout, Present click-throughs, live cursors, comments, and AI screens as real nodes. Same org, same permissions as Boards and Docs. Built for teams that hand off inside the company, not another login.
Already here
Org-native design, not a separate seat
Studio is young on craft (effects, pen, variables still coming) and already useful for product UI next to tickets and docs. Design, Present, and inspect in the same workspace.
Projects & files
Organize work into projects with folders and files. Favorites, search, and a browser that feels like home — because it lives next to Boards, Docs, and the rest of your org.
Frames, shapes & text
Draw frames, rectangles, ellipses, triangles, stars, and text on an infinite canvas. Resize, rotate, and layer things like you'd expect. (Yes, we checked. Twice.)
Auto-layout
Stack and row layouts with padding, gaps, hug/fill sizing, and wrap — the Figma-shaped parts of your brain can relax a little.
Pages & snap guides
Multiple pages per file with dividers and section headers. Snap to grid, smart distance guides, and constraints when you resize the parent. Less nudging, more designing.
Real-time togetherness
See who's in the file, follow their cursors, and watch edits land live. Collaboration avatars in the top bar — the polite kind, not the "who touched my frame" kind.
Comments & annotations
Pin comments on the canvas, thread replies, resolve when done. Annotations for the "what if we moved this?" conversations that don't deserve a Slack thread.
Version history
Snapshots when you need to rewind. Not quite git for pixels, but close enough to undo that bold gradient phase.
AI screen generation
Describe a mobile screen in plain English; Studio builds a structured layout you can edit. Costs AI credits — cheaper than hiring your past self from 2 a.m.
Images & components
Drop images onto the canvas, crop them in place, and turn selections into reusable components with instances. Color and text styles live on the file so you can apply a system, not just a hex.
Present & prototypes
Link a layer to a frame on click, then Present from the editor. Click-through flows stay in the same file as the design — no extra prototyping app.
Dev Mode inspect
Inspect a layer and copy CSS that matches the canvas: auto-layout children emit flex, not absolute left/top. MCP can read the same file for agents.
Wireboards
Sticky-note whiteboarding now lives in NodeDa Wireboards (Preview) — a Studio-family canvas. Open it from the waffle menu or the Studio sidebar.
Still on the whiteboard
Still cooking
Effects, pen, variables, and framework export are next. We’d rather list the gaps than hide them.
Figma import
A REST/JSON importer exists for NodeDa team accounts only. It is not customer-shipped yet — native .fig files stay unsupported, and vectors still flatten. We’ll ungate it when quality matches the rest of the canvas.
Export to frameworks
Dev Mode already emits flex CSS that matches auto-layout. React, Vue, and SwiftUI snippets are still on the list.
Plugins & extensibility
Third-party superpowers come later. Right now the plugin is us, shipping at 2× speed and drinking too much coffee.
Design tokens at scale
Variables, themes, and token sync across files. Published libraries are a start — the full token orchestra is still tuning up.
Early adopters: your feedback literally decides what we build next. Sign in and open your org on Pro or Enterprise — and tell us what broke. We mean that affectionately.
Why bother?
Design next to delivery
Tickets in Boards. Specs in Docs. Contracts in Sign. Studio sits in the same org, same permissions, same search — so your mockups aren't orphaned in another tab with another login.
One workspace
No extra seat on a separate design tool bill. Studio rides along with Pro and Enterprise — the same plan that already unlocks HR, Sign, Docs, and the rest of the suite.
MCP-friendly
Dev Mode and MCP context panels expose file structure for agents that need to read your screens — handy when Noah (or your own tooling) should know what you're designing.
AI that edits, not replaces
Generate a screen, then push pixels yourself. AI output lands as real nodes you can select, nudge, and argue with — not a flat image stuck on the canvas.
FAQ
Frequently asked questions
- What is Studio?
- Studio is a product design canvas built into your Nrova workspace. You get projects and files, frames and shapes, auto-layout, Present click-through prototypes, multiple pages, real-time cursors, comments, annotations, version history, components, Dev Mode CSS, and AI screen generation. It lives in the same org as Boards and Docs — design and delivery without a second seat.
- How much does Studio cost?
- Studio is included in Pro ($4.99 per user per month) and Enterprise ($9.99 per user per month), each with a 7-day free trial. The free plan includes Boards only.
- Is Studio ready for production design work?
- Studio is useful today for product UI in the same workspace as Boards and Docs: auto-layout, Present click-throughs, live collaboration, and Dev Mode CSS that matches flex on the canvas. Craft gaps remain — effects, pen, variables, and mixed text are still on the roadmap. It is org-native design and delivery, not a clone of a standalone design suite.
- Can I import from Figma?
- Not for customers yet. Figma import (URL or JSON via the Figma API — not .fig files) is limited to NodeDa team accounts while in preview. We will ungate it when import quality is ready; until then it is not a shipped customer feature.
- Does AI screen generation use credits?
- Yes. Generating a screen with AI consumes organization AI credits from the same shared pool as other Nrova AI features. You preview the layout before it is applied to your page, and the result is editable nodes — not a flat image.
Come design with us
Studio is included on Pro and Enterprise. Design, Present, and inspect in the same org as Boards and Docs.