Wireflow - Flowchart, ASCII import from AI
by Khoa (JAK)
Paste a Mermaid flowchart or ASCII wireframe from AI. Get real layers.
Installs
40
Likes
12
Users
342
Views
107
Preview
About this plugin
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 editanything 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 drawingsDraw 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.
More import & export plugins plugins
View allhtml.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Paidby divRIOTS
Convert any website into fully editable Figma designs
Figma to HTML
by Figma2HTML
Convert Figma design to HTML
TinyImage Compressor
Paidby Hypermatic
Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma
Pitchdeck Presentation Studio
Paidby Hypermatic
Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF