Mockup Tool - Get Web and UI Mockup Templates and Symbols

Create Mockups, Wireframes, Site Maps, and More

SmartDraw is the perfect tool for all your web design planning needs. You can document your site's flow using a flowchart, draw a site map to design its architecture, design a storyboard, make a wireframe to sketch out a rough visual outline, and create a detailed mockup - all before writing a single line of HTML or CSS.

You'll get lots of wireframe amd mockup templates and over 150 symbols that make it easy to design and collaborate on your next web project.

Top Reasons SmartDraw is the Ideal Mockup Tool

Quick-Start Mockup Templates
Professionally-designed templates will help you get started. Simply choose the template that is most similar to your next project, and customize it to suit your needs. Every template opens with all the symbols and tools you might need.
Smart Symbols and Controls
With SmartDraw, you can quickly modify any element. You can insert new menu items, separators, tabs, and even icons using the tools docked next to your template. You can also toggle the state of your elemets like checkboxes and radio buttons as necessary to showcase UI/UX.

Import Your Own Images and Logos
You can easily import any design elements you want to showcase from logos to hero images.
Pixel Precision
Any design element on your mockup when selected will display its dimensions in pixels. You can also use the pixel rulers along the drawing area as your guide. To resize a symbol you can use your mouse or you can just simply type the desired dimensions into the dimension display.
Free Support
Have a question? Email us. SmartDraw experts are standing by ready to help, for free!

Collaborate Easily with Your Team

SmartDraw works how you work. SmartDraw can plug into Confluence, Jira, Trello, and the Google Workspace^™. You can export any mockup to an Office^® application in just a few clicks. Add your design to Word^®, Excel^®, or PowerPoint^® easily.

Share your mockup in a variety of common graphics formats such as a PDF or PNG. SmartDraw also works with popular services such as Dropbox^®, Google Drive^™, Box^®, and OneDrive^®.

Mockup Examples

Each SmartDraw template has all the right tools and symbols ready to drag-and-drop to complete your mockup.

iOS - Settings

Comparison Page - 7

Product

What's New?

Solutions By Team

Save Money, Reduce Hassle, and Get More

Learn

Developer Resources

Additional Resources

Enterprise

Solutions For Your Team

Mockup Tool for Web and App Designers

Create mockups quickly and easily

Create Mockups, Wireframes, Site Maps, and More

Top Reasons SmartDraw is the Ideal Mockup Tool

Collaborate Easily with Your Team

Mockup Examples

Try SmartDraw Free

Product

DiagrammingBuild diagrams of all kinds from flowcharts to floor plans with intuitive tools and templates.

WhiteboardingCollaborate with your team on a seamless workspace no matter where they are.

DataGenerate diagrams from data and add data to shapes to enhance your existing visuals.

Enterprise FriendlyEasy to administer and license your entire organization.

SecuritySee how we keep your data safe.

Apps & IntegrationsConnect to all the tools you use from Microsoft, Google Workspace, Atlassian, and more.

What's New?

Solutions By Team

Product ManagementRoadmap features, brainstorm, and report on development, so your team can ship features that users love.

Software EngineeringDesign and maintain complex systems collaboratively.

Information TechnologyVisualize system architecture, document processes, and communicate internal policies.

SalesClose bigger deals with reproducible processes that lead to successful onboarding and training.

Save Money, Reduce Hassle, and Get More

Learn

Getting StartedLearn to make visuals, familiarize yourself with the UI, choosing templates, managing documents, and more.

TemplatesGet inspired by browsing examples and templates available in SmartDraw.

DiagramsLearn about all the types of diagrams you can create with SmartDraw.

WhiteboardLearn how to combine free-form brainstorming with diagram blueprints all while collaborating with your team.

Data VisualizersLearn how to generate visuals like org charts and class diagrams from data.

SupportSearch through SmartDraw's knowledge base, view frequently asked questions, or contact our support team.

Developer Resources

Development PlatformBrowse built-in data visualizers and see how you can build your own custom visualization.

Open APIThe SmartDraw API allows you to skip the drawing process and generate diagrams from data automatically.

Shape DataAdd data to shapes, import data, export manifests, and create data rules to change dashboards that update.

Additional Resources

Enterprise

Site LicenseSite licenses start as low as $2,995 for your entire organization.

Team LicenseThe SmartDraw Team License puts you in control with powerful administrative features.

SecuritySee how we keep your data safe.

Apps & IntegrationsConnect to all the tools you use.

Solutions For Your Team

Mockup Tool for Web and App Designers

Create mockups quickly and easily

Create Mockups, Wireframes, Site Maps, and More

Top Reasons SmartDraw is the Ideal Mockup Tool

Collaborate Easily with Your Team

Mockup Examples

Try SmartDraw Free

Diagramming
Build diagrams of all kinds from flowcharts to floor plans with intuitive tools and templates.

Whiteboarding
Collaborate with your team on a seamless workspace no matter where they are.

Data
Generate diagrams from data and add data to shapes to enhance your existing visuals.

Enterprise Friendly
Easy to administer and license your entire organization.

Security
See how we keep your data safe.

Apps & Integrations
Connect to all the tools you use from Microsoft, Google Workspace, Atlassian, and more.

Product Management
Roadmap features, brainstorm, and report on development, so your team can ship features that users love.

Software Engineering
Design and maintain complex systems collaboratively.

Information Technology
Visualize system architecture, document processes, and communicate internal policies.

Sales
Close bigger deals with reproducible processes that lead to successful onboarding and training.

Getting Started
Learn to make visuals, familiarize yourself with the UI, choosing templates, managing documents, and more.

Templates
Get inspired by browsing examples and templates available in SmartDraw.

Diagrams
Learn about all the types of diagrams you can create with SmartDraw.

Whiteboard
Learn how to combine free-form brainstorming with diagram blueprints all while collaborating with your team.

Data Visualizers
Learn how to generate visuals like org charts and class diagrams from data.

Support
Search through SmartDraw's knowledge base, view frequently asked questions, or contact our support team.

Development Platform
Browse built-in data visualizers and see how you can build your own custom visualization.

Open API
The SmartDraw API allows you to skip the drawing process and generate diagrams from data automatically.

Shape Data
Add data to shapes, import data, export manifests, and create data rules to change dashboards that update.

Site License
Site licenses start as low as $2,995 for your entire organization.

Team License
The SmartDraw Team License puts you in control with powerful administrative features.

Security
See how we keep your data safe.

Apps & Integrations
Connect to all the tools you use.