Design a clickable website prototype with your team for $0

Outcome

What you will make

Build a responsive page, turn repeated elements into components and invite a reviewer without paying for editor seats.

WHAT YOU LEAVE WITH

A printable one-page prototype handoff checklist covering components, interactions and reviewer notes.

WHY THIS EARNS YOUR TIME

THE COMPILED FIELD NOTES

A short path with real copy exposes the interaction problem faster than twenty empty screens.

Use plain names such as Primary button and Article card rather than frame numbers that only make sense to the creator.

First ask whether the flow works. Only after that should the team spend time documenting exact spacing, tokens and implementation notes.

DO THIS NEXT

01

Create one desktop board and one narrow mobile board using the real content hierarchy for the page.
02

Build the header, primary button and card once, then turn each repeated element into a component.
03

Connect the primary button and navigation targets in Prototype mode.
04

Open the presentation view and test every target at both sizes.
05

Invite one reviewer, request comments on hierarchy and task completion, then record the decision beside the component it changes.

WHAT THIS DOES NOT CLAIM

The hosted free plan has current team, storage and version-history limits that should be rechecked before a large migration.

Self-hosting removes a software fee but still needs infrastructure, updates and security maintenance.

The photograph shows collaboration, not a verified Penpot screen.

SOURCES READ BY THE DESK

Sources support the factual claims. The wording and synthesis on this page are original Makers Army editorial work.