Artifact ยท Utilities

Image Editor

image editorphoto editorcrop imageredact imageremove backgroundwhiteboard photo

Image Editor is a shared photo editor for teams. Pick a picture on your board or upload one, fix it together, and put the result straight back where it was.

Use Image Editor together on your board.

Crop and straighten, square up a whiteboard photo taken at an angle, balance colour and light with Auto fix, and blur or block out names, emails and faces before a picture is shared. AI edits remove things, add things, remove backgrounds and upscale small pictures.

It runs on a shared MockFlow board, so everyone sees the same picture, each other's cursors and every change as it happens.

  • Edits never touch the original. Every change is kept as a recipe on top of the original picture. Hold Compare to see the original, or start over from the menu.
  • Whiteboard photo fixes. Drag four corners to square up a board, page or screen photo, then clean it up so the board turns white and the ink stands out.
  • Redaction. Hide names, emails, numbers and faces with a solid bar, pixelation or blur before the picture is shared.
  • AI edits. Point and ask, remove with a brush, change or add, remove by name, remove the background or upscale 2 times. Only the area you mark changes.
  • Live together. See teammates' cursors and which tool they are in. An area someone is editing is locked for everyone else until they let go.
  • Team presets and Apply to others. Save a look as a preset for everyone on the board, and apply the same fix to other pictures on the board in one go.
  • Versions, votes and reviewers. Try ideas in your own version, vote, and make the winner Main. Reviewers can comment, approve and vote but not change the picture.
  • Fits any tile size. The layout gets compact when the tile is small, with tools along the bottom and controls opening below the picture.

How to use Image Editor.

1

Choose a picture

Press Pick on board and click a picture on the board, or press Upload to choose one from your files. You can also drop a picture onto the editor.

2

Fix it

Use Crop to crop, straighten, rotate, flip or fix perspective. Use Adjust for Auto fix and the light, colour and detail sliders, and Looks for built in and team presets.

3

Clean up and redact

Clean up evens out shadows on whiteboard and paper photos and can remove a plain background. Redact lets you drag over private details and choose a solid bar, pixelate or blur.

4

Use AI edit

Point at a spot and say what to change, paint over something to remove it, name what to take out, remove the background or upscale. Each AI edit uses AI credits.

5

Review with the team

Pin comments on spots, request a review and approve. Make your own version to try a different fix, vote on versions and make the winner Main.

6

Save

Press Update on board to replace the picture in the same place. The menu next to it places a copy on the board, saves to the library or downloads a PNG or JPEG.

Who uses Image Editor.

A team after a workshop

Square up and clean the whiteboard photos so everyone can read the notes on the board.

A designer sharing a screenshot

Redact customer names and emails before the screenshot goes into a review or a deck.

A marketing team preparing product shots

Apply the same team preset to every product photo so the set looks consistent.

A product team reviewing visuals

Request a review, collect comments pinned on spots, and approve the picture before it is used.

Anyone with a messy photo

Remove a person or object in the background with AI, or upscale a small picture before using it larger.

Add Image Editor to your board.

Use on a board opens a new board with Image Editor already on it. To add it to a board you already have, follow these steps. Each copy keeps its own data, so a vote on one board never changes another.

1

Open your board

Open the MockFlow board you want to use it on.

2

Add it from the Artifact Library

Click Add anything (the plus button) in the toolbar at the bottom of the board, switch to Artifacts and pick Image Editor under Utilities. Adding it does not use AI credits.

3

Use it together

Click Interact with Component (the hand button), or switch the board to Play mode. Everyone on the board uses the same app, and Reset shared data clears it for the next session.

Questions about Image Editor.

Does editing change the picture on the board?
Only when you save. Update on board replaces the picture in the same place, and Undo on the saved card puts the old one back. Place a copy keeps the original as it is.
Can several people edit the same picture at once?
Yes. Everyone on the board sees the same picture and each change as it happens. An area someone is editing is locked for others until they let go.
Do AI edits cost AI credits?
Yes. Point and ask, brush removal, change or add, remove by name, background removal and upscaling use AI credits. The panel shows about how many before you run one.
How do I hide private information in a picture?
Open Redact and drag over the area. Choose a solid bar for passwords and personal data, or pixelate or blur for softer hiding.
Can I download the edited picture?
Yes. Choose Download from the save menu, pick PNG or JPEG and full size or a smaller size for the web.
What can reviewers do?
The person who opened the picture can make teammates reviewers. Reviewers can pin comments, approve and vote on versions, but cannot edit or save.
What do people see on a public link?
Only the finished picture, without tools or anyone's name.
Get started

Use Image Editor with your team.

Included on Plus and MaxChange it with AI on Max
New to MockFlow

Sign up free, open a board and see what your team can use together.

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.