I plan everything on a canvas. Sticky notes, screenshots, half ideas, little arrows between them. I've used a lot of tools for that, and they're great, but none of them felt cozy. And none of them had Mochi.
So I built Mochiboard. It's a soft, pastel canvas for your Mac where Mochi lives in the corner. You dump ideas, she helps you sort them. You ask for fonts, she puts real type on the board. You describe an app, she wireframes it. Then she flies you right over to whatever she made.
Want to play with it?
It’s free. Try it right here in your browser, or take the Mac app home. The full tour lives at mochiboard.app ↗
downloads of the
Mac app so far
people starred it
on GitHub
and it updates
itself from Settings
Meeting Mochi
The first time you open it, Mochi says hi and walks you through setup: her color, light or dark, her helpers, how chatty she should be. Then she gives you a hands-on tour, and notices when you try each thing.
I wanted the canvas to be great on its own. Mochi is the cherry on top, not the cake. Everything in this part works with her thinking switched off.
Notes, collections and docs
Style a note from its little toolbar, add a label, drag cards into a collection, and open a doc for the longer thinking.
Dump it, then sort it
Press ⌘K anywhere and type. Ideas land in Unsorted so you never lose your place. When you’re ready, ask Mochi to sort them.
Voice memos
A little countdown, then talk. When you stop, it writes itself out right on the card, and Mochi offers to turn it into notes.
The canvas itself
Checklists, titles, colors that name themselves, stamps, drawing and curvy connectors. Loose and a little tilted, like paper on a desk.
Building a wireframe by hand
Drop a phone screen, then pull pieces in. The nav bar snaps to the top, the tab bar to the bottom, and everything else lines up as you go.
Projects and folders
Make a project, add folders inside it, drag boards in. Then see it all on Home, where every folder has a little face.
Moving things around
Right-click anything to rename, move or duplicate it. And yes, there’s a dark mode.
I’ll be honest: none of these tools are new. Figma, FigJam and Causal have most of them, and they do them well. What I wanted was all of them in one cozy place made for planning, sized for the way I actually think, with a little helper who can use every single one.
Notes
Sticky notes with colors, sizes, bold and a little label like “step 1”.
Most ideas start as one line. Notes tilt a bit so the board feels like paper, not a spreadsheet.
Quick capture
⌘K from anywhere drops an idea into Unsorted.
My brain jumps around. This lets me catch a thought without losing my place.
Collections
Stacks that hold cards. Drag a card in and it lines up.
Grouping is how I think, so it had to be one drag, not a menu.
Docs
Opens half screen or full. Drag words from the board right in.
Some ideas grow up. They need room to become paragraphs without leaving the board.
Checklists
A to-do card you tick off right on the board.
Half my notes are secretly to-do lists anyway.
Titles
Big words to mark a part of the board.
Boards get big. I wanted signposts I could read zoomed out.
Voice memos
Talk instead of type. A 3, 2, 1 countdown, then Mochi writes it out.
Some ideas come out faster out loud. The countdown came from testing: my first words kept getting cut off.
Links
Paste a link and it becomes a card with a preview.
My research lives in forty tabs. This gets it out of them.
Images
Drop or paste a picture, then crop it.
Inspiration is mostly screenshots.
Colors
Pick from a wheel and the color names itself. Save it to the board.
I’m a designer. Colors deserve names, and every board has its own palette.
Shapes
Circles, stars, arrows and blobs in any color.
For quick diagrams, and for fun.
Stamps
A wheel of emojis and little Mochis, some of them move.
Feedback should be cute. A tiny Mochi says more than a thumbs up.
Draw
A soft pen in a few sizes, plus an eraser.
Sometimes you just need to circle something.
Connectors
Curvy lines between cards. Bend them, add arrows, make them dashed.
Thinking is mostly connecting things.
Wireframes
Screens, boxes, text, icons and ready-made pieces that snap into place.
Going from idea to layout without leaving the board, or opening another tool.
Projects + folders
Projects hold folders, folders hold boards. Each folder has a little face.
Planning is never one board. I wanted to see everything at once, and smile at it.
Mochi runs on Claude Code on your Mac. She can read the whole board, so she knows what you’re making. Every answer comes with two or three ideas for what to do next, so you never stare at a blank chat.
Ask her anything
I asked what I was missing for a first banking app. She added a Trust group and a little launch list, then glided me right to it.
Real type, not font names
Ask her to explore fonts and she puts real specimens on the board, from your Mac or from Google Fonts. Click one to swap it, or type your own words in it.
Inspiration from Mobbin
With the Mobbin connection, she pulls real app screens onto the board. Then you can ask what they have in common, and she writes it down next to them.
Wireframes from a sentence
“Wireframe Penny’s sign-up flow” turns into three real phone screens, built from the same pieces you use by hand, with arrows between them and a note under each one.
A whole landing page
She builds full pages from website sections, in your colors and fonts. Picture spots are labeled with what belongs there. Fill them with Higgsfield, or have Mochi draw simple illustrations for free.
Take Mochiboard home.
It’s free and open source. All you need is a Mac (macOS 13 or newer, Apple chip or Intel).
Download for Mac Try it in your browser ↗- Unzip it and drag Mochiboard into your Applications folder.
- Open it. The first time, your Mac says it can’t check it, because it isn’t from the App Store.
- Go to System Settings → Privacy & Security, scroll down and click Open Anyway. Just once, then Mochi says hi.
A native Mac app with a web canvas inside, built with Claude in the loop.

Mobbin + HiggsfieldMochi’s optional helpers