Wireflow - Flowchart, ASCII import from AI

Paste Mermaid or ASCII boxes from AI to get flowcharts and wireframes as real Figma layers, fully offline.

Wireflow - Flowchart, ASCII import from AI - preview image 1
Wireflow - Flowchart, ASCII import from AI - preview image 2

About

Paste text from ChatGPT, Claude or Gemini. Get real Figma layers.

Two things it reads.

FLOWCHARTS - Mermaid (flowchart / graph)

Everything is built from native objects, so you edit it the way you edit

anything else. No flattened image, no lock-in.

  • Smart connectors stay attached. Move a node, the line follows.
  • Real shapes: rounded, stadium, circle, hexagon, diamond and more.
  • Labels sit on the connector itself. Subgraphs become Sections.
  • Pick Curved, Elbowed or Straight. Light or Dark. Tune text size and line weight.

WIREFRAMES - ASCII box drawings

Draw a screen with plain characters, the way AI already outputs it. Paste it.

  • It comes out as frames, buttons, inputs and text.
  • Reads ┌──┐ and +–+ boxes, [ Button ], [x] Checkbox, ( ) Radio, “Input”, ^Dropdown^, | table | and {image}.
  • Text outside the boxes comes across too. The blank rows you leave are the spacing you get.
  • Four styles: Wireframe, Styled, Blueprint, Terminal.
  • Two layouts: Auto layout, or As drawn.