wireframe|cc

Wireframe full pages in a few broad strokes

Draw a rectangle. The tool shows you what fits — a button, a hero section, a full layout block. Nothing on screen but your wireframe and the decisions that matter.

See how it works
Toolbar - single element mode Toolbar - multiple elements mode Toolbar - insert element
01

Click and drag to draw

02

Choose element type

03

Click to edit an element

04

Click inside a selected element to insert text

04

Drag in this direction to select many elements

Replay demo
Try out for free.
Featured by: Logos Scroll down
A different wireframing tool

A wireframing tool that keeps you focused on ideas, not pixels.

Full-featured design tools make it easy to get lost in details too early, which can make iteration difficult and time-consuming.

Drawing

Drawing

Draw where it goes. Pick what it is.
To create an element, draw a rectangle on the canvas and then select the stencil that you want to insert. To edit the element, click on it.

Style

Limited palette

Stay at wireframe fidelity. On purpose. A limited palette of colors and options can help you avoid wasting time on unneeded details, so you stay focused on layout and structure.

Interface

Context sensitive UI

The interface shows up when you need it. Then it's gone.
Smart features are there when you need them and hidden when you don't.

Sections

Drawing

Lay out a full page in a few broad strokes.
Speed up your design workflow: Start by drawing a full-width area, then choose and add a section from the pre-built library to complete your layout.

Templates

Devices

Wireframes for any screen.
Create wireframes for the web, mobile devices, or any custom screen.

Interactive

Clickabel prototype

Link pages together. Click through them.
Link pages together to create simple clickable prototypes and test the user flows.

Power and simplicity

Free & premium versionsavailable

A basic version of the app is available for free. In the free version, every wireframe that you save receives a unique URL that you can bookmark or share. The Premium version separates the editor and preview mode. It offers a private dashboard containing all of your projects, as well as shareable links that can be used for previewing but not editing.

Free version

  • No user accounts
  • Public wireframes ?
  • Single-page wireframes

Premium version

  • Your private account
  • Private wireframes ?
  • Multi-page wireframes
  • Clickable wireframes ?
  • Master pages ?
  • Export to PDF & PNG ?

Frequently asked questions

Yes, you can easily upgrade, downgrade or cancel your plan at any time. There is no minimum duration of the membership period, no hidden fees and no questions asked. When you cancel your subscription the membership will be valid until the end of the billing period.

You can pay with Visa, Mastercard, American Express, Discover, JCB or PayPal. The billing period starts on the day you upgrade to a paying plan. You will be billed in advance on a monthly or annual basis. Payments are handled securely by FastSpring.

All data is backed up daily and stored in multiple locations. All plans come with SSL encryption. Your projects can only be edited by you or your team.

Wireframe.cc Premium supports the latest versions of Chrome, Safari, and Firefox. It may be probably possible to use it in other browsers, but we can't guarantee it.

If you have any further questions about the premium features, pricing, or the sign-up process you can email us at info@wireframe.cc

Join thousands of creators.

Sign up today.

Welcome Page

Gamer2Gamer

login/sign up

|

search bar

sign up page

Gamer2Gamer

|

username

|

sign in page

|

email

|

password

birthday/age

|

Gamer2Gamer

username

|

password

login

sign up

Gamer2Gamer

user setting

main page/ index page


profile page

Gamer2Gamer

user setting

list of games

trade history

view other users

|
|

Search bar

my offers

if i click on my offers

Gamer2Gamer

view other users

Offers

user1

their game

my game they want

accept

reject

for

if i accept an offer from user1

GameSwitch

Trade accepted! Please connect with ${username} to meet and trade! Remember to come back to your page to confirm when trade is complete!

Active trades

OK(pop up will close)

once we hit ok, this trade will be found in the active trades tab

complete trade in with react toastify pop up

Game Switch

thank you for trading with user01

how it works page

Game Switch

how it works

    Elements
  • Sections

Align Top

Align Left

Align Bottom

Align Right

Align Center

Align Middle

Distribute Vertically

Distribute Horizontally

Add new page

Sign Up

Save

Export

Settings

Grid size: 20px
Default style:
Stroke
Fill
Canvas size:
Free version

Wireframe saved

Project URL
https://wireframe.cc/EUz161

Anyone with the link can access this wireframe. Premium keeps wireframes private.

Premium unlocks
Upgrade to Premium

trusted by 500,000+ designers

Saved
Copied
X: – px Y: – px W: – px H: – px

Align Top

Align Left

Align Bottom

Align Right

Align Center

Align Middle

Distribute Vertically

Distribute Horizontally