NewNowa for Flutter teams

The Flutter design tool for teams.Designers and developers on one codebase.

Designers craft the UI right in your code, with their AI agent and full visual control. Developers build the logic in their IDE.No handoff, no back-and-forth. Shipped exactly as designed, in half the time.

Book a demo

Wallet appMOSPlayPush

ScreensHomeSend moneyCardsActivityProfileUI layer · PureUI

Home

Details

BalanceCard

Radius1222

Padding18

FillNight

Shadow

TextDisplay · 24

Maya

Pushed to mainRefine balance card radius

balance_card.dartUIwallet_logic.dartLogic

wallet_ui › lib › home › balance_card.dart

1class BalanceCard extends StatelessWidget {

2 const BalanceCard({super.key, required this.balance});

3 final Money balance;

5 @override

6 Widget build(BuildContext context) {

7 return Container(

8 padding: const EdgeInsets.all(18),

9 decoration: BoxDecoration(

10 gradient: AppColors.night,

11 borderRadius: BorderRadius.circular(1222),

12 ),

13 child: Column(

14 children: [

15 Text('Total balance', style: AppText.label),

16 Text(balance.format(), style: AppText.display),

17 DeltaChip(balance.monthDelta),

main · Commits

MRefine balance card radiusMaya · Designwallet_uinow

OLoad balance from accounts APIOmar · Engineeringapp12m

Same Flutter code

1codebase
Your Flutter code is the design. No mockups to maintain, nothing to keep in sync.
0handoffs
Designers ship the UI themselves. Nothing gets rebuilt or lost in translation.
½the time
Developers skip the UI work and spend their time on logic and data.

Trusted by builders from

For designers

Design directly in Flutter. What you see is exactly what ships.

Think of it as Figma for Flutter, except the canvas renders your real Flutter code. No mockups, no translation layer.

Create screens with your AI agent of choice, like Claude Code, Cursor or Codex, connected through the Nowa MCP.
Build and refine every detail visually on the real Flutter UI.
Play any screen, any time. Your prototype is the real app on mock data, so it feels exactly like what users get.
Push your work to the repo with git, right from Nowa. No handoff, no tickets to rebuild it, no exporting or importing.

Your agentNowa MCP

›Make the send flow calmer and more premium. Keep the amount the hero.

Reading the Wallet app in Nowa

Updated Send money screen

Updated Home quick actions

2 screens ready on the canvas

Claude Code · Cursor · Codex

HomeSend money

Playing

SendButtonby hand

Radius14 → 16

Height44 → 48

MotionPress · spring

Also on the canvas

Every stateSee and edit how any screen or component looks in every case: loading, empty, error and more.
Your design systemLoaded straight from your Flutter code, ready to use.
AnimationsDesign motion and transitions yourself.
SVG drawingDraw and edit vector graphics right on the canvas.
CommentsPin notes on any part of the UI, for your team or for your AI agent to act on.
Instant previewsShare any screen or component for quick feedback.

Coming soonLive collaboration: your whole team on the same screens, in real time.

For developers

No more UI tickets. Spend your time on logic and data.

Your workflow stays exactly as it is. The UI shows up in your repo, done.

No rebuilding mockups, no pixel-matching, no design review rounds. The UI arrives as clean Flutter code.
Work locally in your own repo and IDE, with your favorite coding agent, like Claude Code, Cursor or Codex.
Run the app on your local simulators and keep your git flow, exactly as today.

wallet — wallet_logic.dart

ExplorerwalletApplibwallet_logic.dartaccounts_api.dartpackageswallet_uiUIbalance_card.dartMwallet_screen.dart

wallet_logic.dartaccounts_api.dart

1class WalletLogic extends ChangeNotifier {

2 WalletLogic(this._accounts);

3 final AccountsApi _accounts;

5 WalletState state = const WalletState.loading();

7 void onIntent(WalletIntent intent) => switch (intent) {

8 LoadWallet() => _load(),

9 SendMoney(:final to, :final amount) => _send(to, amount),

10 };

12 Future<void> _load() async {

13 state = WalletState.ready(await _accounts.balance());

14 notifyListeners();

15 }

TerminalProblems

~/wallet git pull

1 commit from Maya (Design) · wallet_ui/balance_card.dart · no conflicts

~/wallet

Under the hood

Built the way Flutter recommends. UI and logic, cleanly separated.

PureUI puts your UI in its own package, separate from the rest of your app.
State and intents are the only contract between the two.
So designers and developers never overwrite each other’s work.

It follows the separation of concerns in Flutter’s architecture guide.

UI packagemy_app_uiScreens · components · styles · animationsDesigners

The contract

State what to show

Intents what the user did

Your appmy_appLogic · data · APIs · everything elseDevelopers

For product and research

Test the real app. Not a picture of it.

No more waiting for a build. Open the project and play.

Open the project and play the app yourself. Nobody has to build a version and send it over.
Leave comments for your team as you test.
Run user research on the real UI with mock data, before the backend is even ready.

Playing · mock data

SSaraProduct · 2m

Can "Top up" move before "Request"? It's the one people use most.

JJonResearch · 9m

3 of 5 testers tapped the card expecting details. Worth a tap target?

Fits the way your team already works.

Your code stays private
Work locally and your code never touches our servers. It stays in your own local and remote repos.
Enterprise-ready
SSO, audit logging and an on-premise option.
Bring your existing app
Import the Flutter project you already have. We plan its move to PureUI with your team during onboarding.
Git, built in
Designers commit and push from Nowa. Every change lands in your repo like any other commit.
No lock-in
Standard Flutter and Dart in your own repo. Take it anywhere, any time.
A team behind yours
Dedicated support channels, and hands-on onboarding for your designers and developers.

Questions Flutter teams ask, answered.

Is there a Figma for Flutter?

Nowa is the closest thing: a Flutter design tool built for teams of designers and developers. The difference is that the canvas renders your real Flutter code, so what designers make is the app itself, not a mockup someone has to rebuild.

Do our designers need to know how to code?

No. They work in a visual editor on the real Flutter UI, and can use their AI agent of choice, like Claude Code, Cursor or Codex, through the Nowa MCP.

Do we still need Figma, or a Figma to Flutter code converter?

Not for the UI you ship. Designers create it directly on your Flutter code in Nowa, so there’s nothing to convert and no mockup to keep in sync.

Can designers use Claude Code, Cursor or Codex to design Flutter UI?

Yes. Designers connect their AI agent of choice to Nowa through the Nowa MCP, let it create or change screens, then refine every detail visually on the canvas.

Can we use Nowa as a Flutter prototyping tool?

Yes, and the prototype is the real thing: your Flutter app running on mock data. It feels exactly like what users will get, and it’s already the code you ship.

Can our design system live in the Flutter code?

Yes. Nowa loads your design system straight from your Flutter code onto the canvas, so designers work with the same components and styles your developers use.

Can designers break our app’s logic?

No. PureUI keeps your UI in its own package, separate from the rest of your app, and the two connect only through state and intents. Designers work in the UI package, and every change reaches your repo as a regular commit you can review.

Do developers have to change how they work?

No. They keep working locally in their own repo and IDE, with their coding agent, their simulators and their git flow.

Can we use it with our existing Flutter app?

Yes. Nowa imports existing Flutter projects, and we plan the move to PureUI with your team during onboarding.

What about security and code ownership?

With local projects, your code never touches our servers: it stays in your own local and remote repos, as standard Flutter that you own. SSO, audit logging and an on-premise option are available.

How does pricing work?

It depends on your team’s size and setup. After the demo we’ll share a plan, starting with a pilot on your own app.

See it on your own app.

Book a 30-minute demo, or just send us a question. If it’s a fit, we’ll run a pilot on one of your Flutter apps.

Local projects never touch our servers
SSO, audit logs, on-premise

1Demo30 minutes on a real Flutter project. Bring your designers, your developers and your hardest questions.
2PilotWe set Nowa up on one of your apps with your team and plan the move to PureUI together.
3RolloutWhen the pilot proves it, your whole team works without the handoff.

Prefer email? Write to team@nowa.dev.

The Flutter design tool for teams.Designers and developers on one codebase.

Design directly in Flutter. What you see is exactly what ships.

No more UI tickets. Spend your time on logic and data.

Built the way Flutter recommends. UI and logic, cleanly separated.

Test the real app. Not a picture of it.

Fits the way your team already works.

Your code stays private

Enterprise-ready

Bring your existing app

Git, built in

No lock-in

A team behind yours

Questions Flutter teams ask, answered.

See it on your own app.