MockFlow Clippy

Clip and convert any webpage into MockFlow boards, videos, images, wireframes, docs, bookmarks and color palettes

Clip the web. Think on a board. MockFlow Clippy saves any web page - all of it, or just the part you need - straight into a MockFlow board. You choose what it becomes: a full-page screenshot, a screen recording, an editable doc, a color palette, a wireframe, or an idea board built by AI. Seconds later it is on the canvas, ready for your team to move around and brainstorm. All your research, in the place where you decide. 💡 WHAT PEOPLE USE IT FOR 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 be marked up. No screen sharing, no "next slide", nobody squinting at a page someone else is describing. Try it on: the five products you keep getting compared to. Read the long thing once, together Point Clippy at the report nobody has finished and ask for a mind map. Its argument comes back as a board - branches, not paragraphs - and the meeting starts at the interesting part. Try it on: that analyst report, the RFC, the strategy doc. Show up to kickoff with the work already sorted Clip the spec as a kanban board and the cards exist before the call does. Move them while people talk instead of writing them up afterwards. Try it on: your next PRD or requirements page. Build a moodboard out of real brands Capture the color palette a site actually uses instead of eyeballing it, and bring in the exact pieces you keep pointing at. What lands on the board is what shipped, not what you remembered. Try it on: the three brands your client keeps mentioning. Redesign a page you can already see Clip a live page as an editable wireframe and start moving things. Cut the nav, halve the form, argue about the hero - nobody redrew anything, and the original is one board away. Try it on: your own signup page. Say it with a recording Some things only make sense in motion. Record the tab, sound and all, and the screen recording sits on the board beside the screens it is about, explaining itself. Try it on: the flow you have now explained three times in Slack. Put the options in front of everyone and decide One component, ten products, one canvas. Vote on it, sticky-note it, move on. Try it on: date pickers. Everyone has an opinion about date pickers. Turn scattered feedback into a picture of the problem Clip the support thread, the review page, the survey write-up, and set them beside each other. Patterns show up when the evidence is on one wall instead of in eleven tabs. Try it on: last month's app store reviews. Keep a swipe file somebody actually opens Clip the landing pages, pricing tables and onboarding flows you admire as you meet them. In a month you have a reference library the whole team can see, not a folder of screenshots nobody remembers naming. Try it on: the next signup flow that surprises you. Map the site you already have Clip each page as a wireframe and you end up with a working map of what exists today - the honest starting point for a redesign, a content audit, or a new agency's first week. Try it on: the ten pages of your marketing site. ✂️ EVERY PAGE, NINE WAYS Take the whole page, or just the part that matters. Pick what it should become before you clip: Image A full-page screenshot, stitched top to bottom, or a rectangle you draw around one piece of the page. Pixel-exact, at full size on the board - not a thumbnail you have to open in something else. Video A screen recording of the tab, with its audio and your microphone if you want it. Watch it back before you keep it, redo it if you fluffed it, and it lands on the board next to whatever it is about. Doc The page's words, as an editable and searchable document rather than a picture of text. Quote it, cut it, comment on the paragraph that matters. Bookmark A link card that carries the page's title, so a board full of references reads as references instead of a row of blue URLs. Colors The color palette a page actually uses, extracted from its real styles. The fastest moodboard you will ever build. Wireframe The page rebuilt as an editable wireframe you can rearrange - keep its images or strip them out. Redesign what exists instead of describing it. WireframePro Hand-drawn, sketchy-style wireframing in the full WireframePro editor, for when the work should look unfinished on purpose (add-on). AI Board The page, thought about. Get it back as a mind map, a flowchart, a kanban board, a timeline, a table or a summary - or write your own prompt and ask for something else entirely. Clip up to ten pages before you send. They arrive together, in the order you chose, in one board - new or one you already have. 🚀 HOW IT WORKS 1. Sign in with Google or Microsoft, or create a free MockFlow account 2. Open any page you want to clip and click the Clippy icon 3. Choose what it should become, and whether you want the whole page or one part of it 4. Clip as many pages as you need, then import - your board opens with everything in it 👤 WHO IT IS FOR Product managers turning research, specs and competitor pages into boards the team will actually read. Designers collecting references, palettes and components, and redesigning live pages as wireframes. Founders and marketers keeping a swipe file of landing pages, pricing tables and onboarding flows. Researchers and strategists pulling long documents into mind maps and summaries. Agencies and consultants auditing a client's existing site before the first workshop. Teachers and students turning source material into visual boards instead of reading lists. 🔵 ABOUT MOCKFLOW Clippy is the web clipper for MockFlow, the visual canvas tool for brainstorming that teams use to plan, ideate and design together. Your clips land in a real MockFlow board - the same canvas people use for mind maps, user flows, sitemaps, wireframes and design reviews - so what you gathered on Tuesday is already where the work happens on Wednesday. ❓ QUESTIONS Do I need a MockFlow account? Yes, and a free one is enough to start. Sign in with Google or Microsoft, 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 - images, video, docs, bookmarks, colors, wireframes - does not. Where do my clips go? Into the MockFlow project you picked, or a new one created for them. Happy Clipping from MockFlow :)