PuMi

What PuMi is

PuMi is a web canvas for planning an app’s structure before coding. Users map screens as pages, arrange blocks within each page, and connect pages to show navigation. The site map displays pages as nodes and links as edges, while the page canvas can include optional low-fidelity wireframes to preserve layout intent. Projects can be exported as Markdown, .cursorrules, CLAUDE.md, or JSON for use with tools such as Cursor and Claude. The Free plan costs nothing and includes one project, the core site map and page canvas with wireframes, and all four export formats. Premium lists more projects, AI blueprint templates, canvas appearance options, and team-related features where available; no price is listed. An account is required to create projects and save work. Project information is stored in a Supabase database tied to the user’s workspace and account. PuMi needs a network connection to load and sync saves, so it cannot be used offline. Help materials include guides, and users are invited to join Slack; the FAQ says there is no in-app ticket queue by default.

Who it suits

PuMi suits people who want to plan screens, page content, and navigation before building an app. It may also suit users who want to carry wireframe and structure details into coding tools through exports.

Limits

The Free plan is limited to one project. Premium lists more projects, AI blueprint templates, canvas appearance options and team-related features where available.

Getting started

1. Visit the PuMi website.
2. Create an account to create projects and save work.
3. Create a project and map pages, blocks and navigation in the canvas.
4. Add optional wireframe elements to pages as needed.
5. Export the project as Markdown, .cursorrules, CLAUDE.md or JSON.

Verdict

PuMi provides a focused way to map app structure and export the plan in several formats. The free plan is limited to one project, and the app requires connectivity and an account to save work.