I stopped wireframing pages – I design SaaS products as visual sitemaps

Name: I stopped wireframing pages – I design SaaS products as visual sitemaps
Availability: InStock
Author: epic_ai

by epic_ai·Mar 1, 2026·3 points·5 comments

Visit Project View on HN

AI Analysis

●MidEye CandyShip It

Sitemap-first design workflow, but Figma, Miro, and Whimsical already own this space entirely.

Strengths

•Drag-and-drop canvas with smart auto-layout for navigation flows; exports both JSON schema and HD graphics.
•Removes back-and-forth on navigation before coding by forcing structure-first thinking.

Weaknesses

•No differentiation from Figma FigJam, Miro, or Whimsical's flowchart features; 'visual sitemap' is a solved, commoditized UX pattern.
•Navigation Maker is the only flagship tool; rest of product (Canva clone templates) dilutes focus and positioning.

Post Description

When building small SaaS tools, I kept running into the same problem: I’d design beautiful pages… Then completely rethink navigation later. So I flipped the workflow. Now I design the entire product structure first as a visual sitemap. Not a text list. Not a static diagram. A drag-and-drop map of every page and connection. What changed: I cut unnecessary pages before writing code Navigation debates disappeared Feature creep became obvious User flows felt cleaner It felt less like “designing pages” and more like designing a system. Because I couldn’t find a lightweight tool that felt simple enough, I built this workflow into my own product —

EPIC ( https://no-edit.lovable.app )

It includes a visual sitemap builder designed specifically for small SaaS founders who want to think in structure before UI. I’m not sure why more design tools don’t prioritize structure thinking upfront. Curious — Do you plan product structure visually first, or jump straight into UI?