Log in
Free Chrome extension

Clip the web. Think on a board.

Clippy saves any web page, all of it or just the part you need, straight into a MockFlow board. As a screenshot, a recording, a doc, a palette, an editable wireframe or a board built by AI.

Free · works with a free MockFlow account · AI credits included

Every page, the way you need it.

Take the whole page, or draw a rectangle around the part that matters. Then pick what it should become before you clip.

Image

Save as is

A full page screenshot stitched top to bottom, or just the rectangle you draw. Pixel exact, at full size on the board.

Video

Save as is

A recording of the tab, with its audio and your microphone if you want. Watch it back before you keep it.

Doc

Save as is

The page's words as an editable, searchable document. Quote it, cut it, comment on the paragraph that matters.

Bookmark

Save as is

A link card with the page title, so a board of references reads as references.

Colors

Save as is

The palette a page really uses, taken from its styles. The fastest moodboard you will build.

Wireframe

Convert to design

The page rebuilt as an editable wireframe. Keep its images or strip them, then redesign what exists.

WireframePro

Convert to design

Sketchy, hand drawn wireframes in WireframePro, for when the work should look unfinished on purpose.

AI board

Build with AI

The page as a mindmap, flowchart, kanban, timeline, table or summary. Or write your own prompt.

Clip up to ten pages before you send. They arrive together, in the order you chose, in one board.

Redesign a page you can already see.

Clip a live page as an editable wireframe and start moving things. Cut the nav, simplify the form, rethink the hero. Nobody redraws anything, and the original is one board away.

It works on websites and web apps alike, including internal tools behind a login.

Try it on: your own signup page

Turn any page into a board with AI.

Clip an article, a meeting transcript, a competitor page or a documentation site and let AI build the board: branches, not paragraphs, with the navigation and ads left behind.

Pick a preset or write your own prompt. Everything lands in your MockFlow project, ready to edit and share.

Say it with a recording

Some things only make sense in motion. Record the tab, sound and all, and the clip sits on the board beside the screens it is about.

Clip ten pages, import once

Clip page after page as you browse. Reorder them, drop the ones you changed your mind about, then send them together into one board.

All your research, where you decide.

A few of the ways teams use Clippy to bring the web onto the board.

Research

See the whole market on one canvas

Clip five competitors in the time it takes to open five tabs. They land side by side at full size, ready to mark up.

Try it on: the products you keep getting compared to.

AI board

Read the long thing once, together

Point Clippy at the report nobody has finished and ask for a mindmap. The meeting starts at the interesting part.

Try it on: that analyst report, the RFC, the strategy doc.

Meetings

Arrive at kickoff with the work sorted

Clip the spec as a kanban board and the cards exist before the call does. Move them while people talk.

Try it on: your next PRD or requirements page.

Design

Build a moodboard from real brands

Capture the palette a site really uses and bring in the exact pieces you keep pointing at.

Try it on: the brands your client keeps mentioning.

Decisions

Put the options side by side and decide

One component, ten products, one canvas. Vote on it, add sticky notes, move on.

Try it on: date pickers. Everyone has an opinion.

Feedback

See the pattern in scattered feedback

Clip the support thread, the reviews and the survey write up, and set them side by side on one wall.

Try it on: last month's app store reviews.

From any page to your board.

Install once, then clip whenever something is worth keeping.

01

Add Clippy to Chrome

Sign in with Google, Microsoft or Apple, or create a free MockFlow account. Free AI credits included.

02

Open any page

Click the Clippy icon on the page you want to keep: websites, web apps, tools behind a login.

03

Choose what it becomes

Image, video, doc, bookmark, colors, wireframe or AI board, from the whole page or one region.

04

Import to your board

Clip as many pages as you need, then import. Your board opens with everything in it.

Good to know.

Accounts, formats, recordings and where your clips go.

Do I need a MockFlow account?
Yes, and a free one is enough to start. Sign in with Google, Microsoft or Apple, or create an account from the extension. It also comes with free AI credits.
Can I clip just one part of a page?
Yes. Take the whole page, or narrow it down to the single section, card or table you care about.
Does it capture the full page or only what I can see?
The full page, scrolled and stitched, when you ask for an image of it.
Does the recording include sound?
It can include the tab's own audio and your microphone. You see the clip and decide whether to keep it before anything is saved.
Can I clip several pages into one board?
Yes. Clip up to ten, reorder them, drop the ones you changed your mind about, and send them together.
Does the AI cost anything?
The AI Board output uses your MockFlow plan's AI allowance. Everything else is free: images, video, docs, bookmarks, colors and wireframes.
Where do my clips go?
Into the MockFlow project you picked, or a new one created for them.
Get started

Clip the web straight into your projects.

What you gather on Tuesday is already where the work happens on Wednesday.

New to MockFlow

Clippy works with a free MockFlow account. Sign up and your clips have a board to land on.

MCPBrainstorm with MockFlow MCP

Add MockFlow as an MCP connector in Claude, Cursor, or any MCP-compatible AI assistant to generate flowcharts, mindmaps, architecture diagrams, and 16 types of visualizations.

Desktop App MCP Powerful
CLI Web MCP Developer
Loginless Web MCP Easiest

Built into the MockFlow Desktop App. AI creates visuals directly on your open canvas — no URLs, no waiting.

1
Open Desktop App → open a MockFlow project
2
In Claude Code / Cursor, run:
claude mcp add --transport http -s user mockflow-ideaboard http://localhost:21193/mcp
3
Ask: "Create a flowchart for..."

Best for: Designers, product teams, daily MockFlow users.

Download Desktop App →

Install from npm, log in via browser (OAuth), and boards are saved to your MockFlow account.

1
npm install -g @mockflow/ideaboard-mcp
2
mockflow-ideaboard-mcp login
3
mockflow-ideaboard-mcp

Best for: Developers using Claude Code, Cursor, or VS Code Copilot.

npm Package →

Add MockFlow as a connector in Claude.ai or ChatGPT. No installation, no account required. A new board is created and you get a shareable URL.

1
Open Claude.ai → Settings → Connectors
2
Paste this URL: https://app.mockflow.com/ideaboard/mcp
3
Ask Claude to create a flowchart — done!

Best for: Managers, marketers, anyone using Claude.ai or ChatGPT in the browser.

Welcome back

Don't have an account? Sign up

Faster ways in

Sign in with an account you already use.