StretchWire

What StretchWire is

StretchWire is the StretchSuite tool for wireframing and layout planning — the low-fidelity stage where you map screens, page structure, and responsive frames before anyone touches visual design or code. If your team has ever sketched flows in Figma, whiteboarded a sitemap, or built greybox mockups to align on structure, StretchWire covers that same ground natively inside StretchSuite, with everything saved, versioned, and shareable across the suite.

Every wireframe you build is stored through the StretchWire service, so your projects, boards, and frames persist automatically. Nothing lives only in a browser tab: layouts are saved as structured documents, captured as versions, and can be reopened in the canvas editor by anyone on your team with access.

Who it's for

StretchWire is built for the people who define what a screen should contain and how it's organized before pixels get pushed:

• Product managers and founders blocking out an app or feature flow.
• UX and web designers structuring pages across breakpoints before high-fidelity design.
• Agencies and internal teams planning client sites and keeping each engagement organized.
• Marketers laying out landing pages, emails, and campaign funnels.
• Developers who want an agreed-upon structure and a clear handoff before building.

Core concepts

StretchWire organizes work in four nested layers. Once this model clicks, the whole app makes sense:

• Projects — the top-level container for a body of work: a marketing site, a mobile app, a client engagement. A project carries a title, a type (website, landing page, mobile app, dashboard, email, and more), a status (draft, active), an optional client name, a brand, and internal notes.
• Boards — the individual screens, pages, or flows inside a project. Each board has a viewport mode (responsive, mobile, tablet, email, or canvas) and its own layout document.
• Frames — the responsive artboards inside a board. A new board starts with Desktop (1440 px), Tablet (834 px), and Mobile (390 px) frames so you can plan one screen across breakpoints at once.
• Blocks — the structural pieces placed inside a frame (hero, sections, and more), each positioned with x/y coordinates and a width/height, with editable content like eyebrow, headline, body, and call-to-action.

Think of it as Project → Boards → Frames → Blocks. Open a project for the whole engagement, add a board per screen, then lay out blocks inside each frame.

Key capabilities

Grounded in what the product actually does:

• A launcher dashboard with an at-a-glance overview — project counts, active vs. draft, board totals, and a status breakdown — plus Recent wireframes and one-click quick-create tiles.
• A categorized template gallery — Websites, Apps, Marketing, Docs & flows, and Overlays — so you can start from a sensible structure instead of a blank canvas.
• A responsive canvas editor for placing and arranging blocks across desktop, tablet, and mobile frames.
• Real-time collaboration — boards join a secure, board-scoped live room so teammates edit together, with autosaves captured as versions.
• Full version history — save named snapshots at milestones and roll back to any point-in-time document.
• JSON import — bring an existing wireframe in as a document (file upload or paste) to seed a new project and board.
• App-layout projects — keep the many screens of a product (mobile app, dashboard, admin panel) organized as a distinct workspace.
• A command palette and keyboard shortcuts for creating, navigating, and opening boards without leaving the keyboard.

How it fits the suite

StretchWire is the structure-first front door to the StretchSuite design and build tools. It answers "what goes where" so that downstream tools can answer "what does it look like" and "how is it built." A locked wireframe version becomes the shared blueprint your team designs and develops against — reducing rework and keeping stakeholders aligned from the first draft.

Access at a glance

StretchWire runs on two surfaces. On the workspace (Pro) surface, your view is scoped to your organization — reading projects and boards is always available, while creating and versioning require an active Pro entitlement. On the internal admin surface, write actions are step-up gated (an admin confirmation before saving). If you see a read-only or Pro access banner, that's the access gate working as designed, not an error — see the Getting Started and Troubleshooting articles for details.

Start with Getting Started with StretchWire, then move through the Features and Guides to master the canvas, collaboration, templates, importing, and versioning.