Artifact ยท General

ASCII Canvas

asciidrawingtexteditordesign

ASCII Canvas is an ASCII art generator: describe the shape you want and it is drawn for you in plain text characters, ready to copy to the clipboard.

Use ASCII Canvas together on your board.

Every shape you make stays on the canvas, so the rest of your team sees it too. It runs on a shared MockFlow board, right next to the work you are making it for.

  • Shapes from a prompt. Describe it in words instead of placing characters by hand.
  • Copy to clipboard. Plain text output that pastes anywhere text goes.
  • A shared canvas. Created shapes stay on the canvas for others on the board to see.

How to use ASCII Canvas.

1

Describe the shape

Type a short prompt for the ASCII shape you want, for example a cat, a rocket or a banner.

2

Let it draw

The shape is drawn in text characters from your prompt.

3

Copy it

Copy the result to the clipboard and paste it into a code comment, a README, a chat or a terminal.

4

Share it with the board

The shapes you create stay on the canvas, so everyone on the board can see and reuse them.

Who uses ASCII Canvas.

A developer writing a README

Make a quick ASCII banner or diagram for the top of a repository.

A team decorating a chat or a code comment

Generate a small text picture and paste it straight in.

A team having fun on a board

Take turns prompting shapes and keep the collection on the canvas.

Add ASCII Canvas to your board.

Use on a board opens a new board with ASCII Canvas 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 ASCII Canvas under General. 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 ASCII Canvas.

What is ASCII art?
ASCII art is a picture made from ordinary text characters such as letters, slashes and symbols, so it shows correctly anywhere plain text does.
How do I make ASCII art from text?
Type a prompt describing the shape and ASCII Canvas draws it for you. Then copy it to the clipboard.
Can my team see what I made?
Yes. Shapes you create stay on the canvas of the shared MockFlow board, so others on the board see them.
How do I add ASCII Canvas to a board?
Press Use on a board on this page to open a new board with it already on, or open Add anything (the plus button in the bottom toolbar) on any board and pick it from Artifacts.
Get started

Use ASCII Canvas 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.