Wireflow - Flowchart, ASCII import from AI

Dán Mermaid hoặc ASCII box từ AI để tạo flowchart và wireframe bằng layer Figma thật, chạy hoàn toàn offline.

Wireflow - Flowchart, ASCII import from AI - hình giới thiệu 1
Wireflow - Flowchart, ASCII import from AI - hình giới thiệu 2

Giới thiệu

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.