Online sketching template for UI & UX designers

Visualize ideas and design prototypes quickly and easily.
Prototyping and wireframing can be simpler with online sketch whiteboard
Sketching is a way to start to visualize ideas and design prototypes easily and quickly. It is widely used in the field of UX and UI design. Miro online sketching is a flexible and handy tool for remote collaboration in real-time or in the initial stages of prototyping.
Create my sketch now
Over 3,000,000 project leaders, marketers, designers, developers and creatives trust us worldwide
Qlik Upwork Autodesk Adaptive path Ipreo Accenture comScore

Online sketching features
for UX and UI design processes

Online sketch template

Save your time and effort with Miro online sketching

Don't waste your time sending prototypes as an attachment and waiting for project approval by sending emails. Сollaborate with your team right on the board.
Design with speed and flexibility

Design with speed and flexibility

Miro’s sketch tool allows you to change elements, draw the main buttons and columns, and write comments and tags as you go.
Minimize your effort with our wireframe features library, and use the pen feature to make changes quickly.
You can even upload pictures or save files — feel free to vary elements on your sketch and get creative.
Discuss online

Collaborate remotely with Miro
sketch tool

When team members are working remotely, use the online whiteboard sketch tool to share ideas and update or approve concepts immediately, as though you were all sharing the same physical space.
Make projects available for your team with online access to your sketch in order to collaborate effectively.
Don't worry, all changes will be saved instantly!
Connection from any devices

Real-time access from any device

Engage your team in sketch online to collaborate from any device: interactive whiteboard, personal computer, laptop, tablet or smartphone.
Build your workflow around a single tool

Use integrations to build your workflow around
a single tool

Make your sketch as powerful as possible by connecting Miro to a growing list of apps and services: Atlassian’s JIRA, Google Drive, Slack, Trello, DropBox and OneDrive.
Let's get started
More templates
Agile Board
Agile Board
Manage your workflow in a highly flexible and visual way
User Story Map
User Story Map
Plan your product features using digital sticky notes and endless board
Monthly Planner
Monthly Planner
Make visual reminders and plan events with this online Monthly Planner
Gantt Chart
Gantt Chart
Plan your projects and see all the milestones at a glance
Timeline
Timeline
Use this simple timeline for managing design and creative projects
Retrospective tool
Retrospective tool
Discuss and brainstorm ideas improving your operational working process
Action plan
Action plan
Organize, manage and improve your workflows with action plan
To do list
To do list
Manage your tasks and prioritize issues for working process improvement
Product roadmap
Product roadmap
Strategic initiative planning can be easy with the product roadmap template
Product backlog
Product backlog
Put all your ideas in the same place to make your sprints more productive
Entity relationship diagram (ERD)
Entity relationship diagram (ERD)
Design and represent your database graphically, visualize interrelationships between elements
UML diagram
UML diagram
Model, visualize and represent software system structures, describe interrelationships between its elements
Strategy map
Strategy map
Unify all goals into a single strategy
Milestone Chart
Milestone Chart
Visualize key events in chronological order to display your project in a timeline
Meeting organizer
Meeting organizer
Get the clear idea on each step of planning from agenda to responsibilities.
Cost-Benefit Analysis
Cost-Benefit Analysis
Assess the pros and cons of moving forward with a business proposal
PI Planning
PI Planning
Customer Journey Map
Customer Journey Map
Understand and improve your customers experience with this visual tool
Workflow
Workflow
Organize your creative work – manage your screens and statuses on a single board
Look, Mock, Analyze
Look, Mock, Analyze
Structure your research process with this simple and effective tool
Service Blueprint
Service Blueprint
Analyze your service from the customers’ point of view, explore the nature and the characteristics of the service interaction with this visual blueprint
Personas
Personas
Learn your customers and improve their experience using visual personas template
Empathy Map
Empathy Map
Discover insights about your customers in a simple and visual way
Visual Story Map
Visual Story Map
Create your awesome stories using CAST method and rock your audience!
Wireframe tool
Wireframe tool
Design, discuss and share your wireframes with colleagues. Save a lot of time and improve collaboration using wireframe tool
Sitemap
Sitemap
A very flexible, easy and quick way to represent website content
Data Flow Diagram (DFD)
Data Flow Diagram (DFD)
Design and present processes, databases and external entities with DFD
Lean UX canvas
Lean UX canvas
Form hypotheses, build experimentation plans and frame your work as a business issue
Mental Model
Mental Model
Create a superior user experience using Mental Model diagram
Features Audit
Features Audit
Improve your product by adding new features or improving existing ones
Business Model Canvas
Business Model Canvas
Osterwalder's canvas helps you define your business model in a graphic way
Lean Canvas
Lean Canvas
Work on your startup with Lean canvas, collaborate with the team and always see the big picture
Project Canvas
Project Canvas
See the big picture of your project with Jim Kalbach's project canvas
App Development Canvas
App Development Canvas
Business model canvas reinvented for app developers. Work on your application, collaborate with the team and clients and always see the big picture
Project Canvas II
Project Canvas II
Use Project Canvas II by Simon Stubben to let everyone see and understand your project.
KWL Chart
KWL Chart
Structure your notes with this popular method
Fishbone Diagram
Fishbone Diagram
See the causal links and analyse the potential problems of your project with this classic approach
Mind Map
Mind Map
Grow your ideas and projects naturally, see the big picture at one glance
Random Words
Random Words
Encourage your imagination to find insights on the problem you are facing
Venn Diagram
Venn Diagram
Visualise a complex idea as a simple scheme of circles
Flowchart
Flowchart
Manage operating processes, algorithms or workflows using flowchart maker
Concept map maker
Concept map maker
Structure, brainstorm and present your ideas in a visual way
Affinity Diagram
Affinity Diagram
Cluster ideas after a brainstorming session to analyze faster and stay focused on issues
Lotus Diagram
Lotus Diagram
Expand your thinking beyond your usual paths with a Lotus Diagram template
PEST Analysis
PEST Analysis
Evaluate Political, Economical. Social and Technological factors that affect your business
4P Marketing Mix
4P Marketing Mix
Work on your marketing mix – Product, Price, Place and Promotion
Balanced Scorecard
Balanced Scorecard
Use this framework for more 'balanced' view of organizational performance
Organizational Chart
Organizational Chart
Build a simple diagram that shows relations between departments in your company
BCG Matrix
BCG Matrix
Analyze and rank products or other business-units on the basis of their relative market shares and growth rates
SWOT Analysis
SWOT Analysis
Use this classic template to analyze your project... Visually!
5 Whys
5 Whys
Analyse and find the root cause of your problem quickly
Stakeholder map
Stakeholder map
Find key stakeholders and make a strong engagement strategy
Use case diagram
Use case diagram
Use case diagram tool for personas and use cases interaction representation
SIPOC analysis
SIPOC analysis
Give your all stakeholders a high-level overview of a process
SMART goals
SMART goals
Stay focused and align team goals with a company according to SMART approach
FMEA analysis
FMEA analysis
Identify all possible failures step-by-step with Failure Modes and Effects Analysis (FMEA)
DMAIC analysis
DMAIC analysis
Use the DMAIC approach as a roadmap for any projects or quality improvements that need to be made
Product positioning
Product positioning
Guide your marketing strategy correctly and precisely to achieve big results
Value stream map
Value stream map
Graphically illustrate, analyze and understand the flow of materials and information
Priority Matrix
Priority Matrix
Identify what issues are urgent and important, and follow-up with them to always be more effective
RACI Matrix
RACI Matrix
RACI Matrix helps you to have the right conversation with the right people, saving everyone time
Risk Matrix
Risk Matrix
Identify and prioritize various risks by estimating the probability of their occurrence and the severity of impact
Porter's Five Forces
Porter's Five Forces
Build and develop a strong business strategy using Porter's Five Forces analysis
Market Segmentation Matrix
Market Segmentation Matrix
Identify the best opportunities for your company's growth with Market Segmentation Matrix
Value Chain Model
Value Chain Model
Create the best possible value for your customers
Sapient-nitro
Miro allows us to collaborate [on prototypes] and discuss ‘live’ in real-time while including remote clients and colleagues even across time zones.
Angelica Backstrom
Angelica Backstrom,
UX Manager
SapientNitro
Join thousands of teams and companies that are already enjoying the perks of visual collaboration
Qlik Upwork Autodesk Adaptive path Ipreo Accenture comScore
Start collaborating now
Create my sketch now
See all templates
Get Miro app
Add ideas, digitize sticky notes, and leave comments on the go with Miro mobile app
Not now Open in the app