Skip to the editor
A LITTLE STRUCTURE GOES A LONG WAY Make your meaning visible. The process to explain. The options to compare. The detail to point out. Make something clear enough to send.
How it works ↗
Untitled visual Starting…
↶ ↷ Open file
Edit content See visual
Your content Paste notes ↗
Visual typeSteps Decisions & connections Comparison Photo guide
Title & context Title Subtitle Footer note
+ Add a step
All text and connections are yours to edit. Layout changes never add facts.
Tap a card to edit its words.
Format Portrait Square Landscape Fit content
Theme Paper Ink Garden Blueprint
Spacing Roomy Compact
Preview size
KEEP IT. CHANGE IT. SEND IT.
A useful visual should travel. Download an editable project to reopen here. Export SVG for vector editing or PNG for sharing. Your composition is processed in your browser. Save a file copy before clearing browser data.
The format, limits & test evidence ↗
START SOMETHING CLEAR
What are you explaining? × Open an example, then make it yours. Your current project stays in this browser if storage is available.
01 → 02 → 03 A process Ordered instructions that reflow as you edit. ◇ → ▢ A decision Explicit branches and labeled connections. A │ B │ C A comparison The same criteria, side by side. ◎ 1 ◎ 2 A photo guide Point out the details in your own picture.
Start with a blank visual
FROM NOTES TO CARDS
Bring your words. × Each nonempty line becomes a card. Choose an ordered sequence only when the order means something. Nothing is summarized or rewritten.
Notes How the lines relateOrdered steps Separate cards (connect them yourself)
MAKE THE RELATIONSHIP EXPLICIT
Connections × A connection goes from one card to another. Order in the editor does not create or change these links.
Add a connection From To Label
Add connection
ON THIS DEVICE
Your projects × Stored in this browser. Download project files to back them up or move between devices.
Open a project file
MADE TO TRAVEL
Keep a copy. Send a visual. × Editable project Complete JSON with text, links and embedded photo. Reopen in Compose. ↓ SVG Text, vector shapes and embedded photo. For other vector editors. ↓ PNG image A crisp image of your visual. ↓ Print / Save PDF Use your browser’s print dialog. Fits the complete visual onto A4. Tall visuals shrink. ↗
PNG resolution1× 2×
Project JSON keeps the editable structure. SVG keeps vector objects; importing SVG back into Compose is not supported. Fonts in SVG use the opening device’s system fonts.
A LITTLE ORIENTATION
Meaning first. Layout follows. × Start with the right structure. Steps have a sequence. Decisions have explicit connections. Comparisons have options and shared criteria. Photo guides have a picture and numbered captions.Edit the content. Tap a card or use its Edit button. Add, reorder and delete with labeled controls. For photo markers, choose Place marker and tap the picture, or enter percentages.Choose the presentation. Change format, theme and spacing. Long text grows the visual rather than being cut off.Take it with you. Save an editable project file, SVG or PNG. Print / Save PDF opens the browser’s print dialog.Undo and redo cover content and layout changes. Keyboard: Ctrl / Command Z, and Ctrl / Command Shift Z, outside text fields. No account is required.
Photo imports are resized to at most 2000 pixels on their longest side. Projects are limited to 40 cards, 60 connections, 6 comparison options and 20 criteria. Complex decision graphs can have crossing lines. Review the visual before sending.
Let’s make something clear
Compose needs JavaScript to edit and export in your browser. Read about its file format and limitations.