Back to browse
GitHub Repository

AI design tools give you pages. Design Graph gives you flows. A canvas where each node is an AI-generated screen and each edge is a user action — so you see the whole product experience, not just variants. Files on disk, any coding agent, MIT.

17 starsHTML

Design Graph – a canvas for reviewing parallel HTML variants

by SebastianSosa·Apr 19, 2026·2 points·0 comments

AI Analysis

●●●BangerBig BrainSolve My Problem

Fixes AI design tools' static page problem by mapping screens into interactive flow graphs.

Strengths
  • Local-first architecture with no build step means zero setup friction for designers.
  • Visualizes user action edges between screens, preserving flow context AI tools usually lose.
  • Live-reload loop updates the canvas in seconds when graph data changes.
Weaknesses
  • Requires manual management of graph-data.js and HTML files on disk for updates.
  • Niche audience limited to teams already generating HTML via AI agents.
Category
Target Audience

Frontend developers, product designers using AI

Similar To

Claude Design · Figma

Similar Projects

Design●●Solid

Live AI Design Benchmark

Real-time multi-model design race, but Coolors and Design Arena already compare LLM outputs.

Eye CandyCrowd Pleaser
kemyd
213mo ago