Skip to content

Websitemockflow.com DocsGuides and how-tos DevelopersAPI and MCP referenceOpen MockFlowYour boards and projects

Docs Developers

Getting started

How to create a new board in MockFlow Ideaboard?How to share your MockFlow Board with your team?How to use templates in MockFlow Board?How to navigate using mini-map in MockFlow Board?How to export your board?How to export a section?

MockFlow Boards

Sticky Notes Mind Map Code Block Design Frame URL Component Customer Journey Mapping Document Annotation Arrow Sticky Note Stack Color swatch PDF Viewer To-do or Checklist Section Text Maps Audio Player Video Player Gantt Chart Swimlane Upvote Ideas Markdown Pro

Share and collaborate

How to track team activity?How to invite your team to co-edit your board?How to invite users to view your MockFlow Board?How to share your board with a public link?

How to create a board from template?MockFlow Board Template Categories Using MockFlow Board Templates

Moving boards between spaces Create a public link for your Design Space How to duplicate boards?How to delete a board?How to restore a board after deleting?

How to Resolve a Comment?How to make annotated comment ?How to Show or Hide Annotated Marker?How to Filter Comments by Pages?How to Suggest New Design in comment?How to Reply to a Suggestion?How to Apply the Suggested Design?How to Compare Suggested Design With the Original

How to add background in your boards?How to rename your board?How to find templates in Ideaboard?Using Draw Mode in MockFlow Board Finding Components in MockFlow Board How to view layers in Ideaboard?Using the Zoom Options How to use component settings?

Create Like this - with AI Convert Whiteboard drawings to editable Wireframe Get Design feedback with AI Convert URL to editable Wireframe Convert Screenshot to Wireframe with AI Generate Wireframe from text using AI Build Your Own Components with AI Generate Data Table with AI Generate Color Palette with AI Generate Image for your wireframes with AI Generate Text for your wireframes with AI

How to enable enable quick settings toolbar?Supported Embeds in MockFlow About MockFlow WireframePro How to create my wireframe project with AI?How to Add Annotations in Wireframe?How to use Minimap in WireframePro?How to share the project from editor?How to Switch Between Projects Using the Unity Sidebar How to create project public link from editor?How to Enable Dark Mode in MockFlow?Alignment guides in Wireframing Editor How to track project activities inside MockFlow?Copy Paste Style of your Components Difference between MockFlow Web-Based Editor and MockFlow Offline Editor Revision history for projects Lost Data? Read how-to recover lost wireframe changes Saving in MockFlow editor My wireframe page does not resize / enlarge ?DataGrid/Table component inside MockFlow How to set gridlines in editor?How to hide certain pages in review mode How to export my wireframe project?Exported wireframe images includes lot of white space. How to fix it?How to copy paste components between wireframe projects?WireframePro keyboard shortcuts How to create specifications in wireframe and export it?How to view layers in WireframePro editor?How can I change default font family in WireframePro?How to zoom pages in editor?How to create Master pages in editor?Image management - Upload, edit or delete images How to generate design specifications ?How to do freehand drawing in editor ?How to edit multiple components at once?Snap to Grid in Wireframe editor Mini Mode in MockFlow WirframePro Change page background color / transparent How can I check-in revision of an entire project ?How to add custom fonts to WireframePro ?How to set a specific page size ?Icons in WireframePro Style components with CSS About BYOC Trello Power-Up Integration help Expand / Collapse all pages in sitemap

What is a Primary Container in MockFlow WireframePro?How to add an interaction to your wireframe?How to add page navigation using interactions?How to add effects to interactions?How to add scroll to component interaction in your wireframe?How to use Toggle Component visibility?How to use show component and hide component in interactions?

Edit Symbols Reset instance in Symbols

UI packs and MockStore

MockStore: Templates and UI Kits Library Component Packs How to create and share 'Custom component packs' ?How to edit and sort components in custom UI packs ?Merge across multiple UI packs

How To Enable Flow Mode?What is Reset Connector Path?How to Animate Your Arrows?How to Create a Flowchart Using AI?How to Style Shapes in Flows?Different Flowcharts You Can Create Using MockFlow How to Add Icons to Your Flowchart in Flows?Different Types of Flow Chart Shapes and What They Mean

What is Build mode in MockFlow?How to Access Build Mode?How to Convert a Full Wireframe Page into Code?How to Get Frontend Code for a Wireframe Section?How to Export Front-End Code from a Wireframe?How to Preview the Generated Frontend Code in Build mode?What are the Supported Frameworks in Build mode?

About SiteMap How to change SiteMap theme?How to create shareable preview links to your SiteMap project?How to export or download your SiteMap design ?How to view SiteMap project activity ?How to add or delete nodes in SiteMap ?How to rename node and edit node details ?How to zoom the SiteMap ?How to change Node status ?How to add thumbnails to SiteMap nodes ?How to add notes to SiteMap nodes ?How to attach files to a node in SiteMap ?How to customize styling of specific nodes in SiteMap ?

Google Drive power up Notes power up Todo list power up Dummy Data Generator Power Up Spell Checker Power Up

Real-Time Call Alerts for Video Meetings in MockFlow How to share URL for a specific page in WireframePro project?About real-time collaboration Generate public URL or share link for my wireframe project About team chat in MockFlow WireframePro Video Conferencing Sharing QR code for projects

UX documentation

How to Create a UX Docs Using AI?How to Share UX Doc Using a Link?Navigating UX document How to add a link to a wireframe component in UX docs?How to create UX Document for your wireframe?How to use UX Documents templates to create your own?How to Share your UX Document?How to enhance your UX Docs?

Desktop and offline

Differences between MockFlow's web and desktop apps How to update MockFlow desktop Export cloud projects to offline .wire file Convert offline .wire file to cloud project How WireframePro for Mac AppStore is different?

Account and billing

Plans and billing

Invoice for my payment Manage licenses in Team-Pack and Enterprise edition How to purchase additional AI credits?What happens when my license expires?Upgrade your License from Premium Pack to Team Pack What to do if payment failed?How to cancel a MockFlow license subscription ?- FastSpring Refund policy How to edit or update billing details - FastSpring AI credits in MockFlow explained How to cancel a MockFlow license subscription ?

Managing projects

How to restore my deleted project from trash bin?How to delete my project?How to lock a project?How to send a copy of a project to another user?How to duplicate/'save as' a project?How to change ownership of a project?How to backup projects ?

Space Activity in Design Spaces About Design Space Sharing your Design Space Default Space Generate public link for individual projects inside design space Change ownership of design space Making a DesignSpace public Analytics for your design space Moving projects between spaces

I forgot my MockFlow password How to change my MockFlow ID / username?How to turn off email notifications ?How to transfer or merge one MockFlow account into another ?How to change the license role of an user?How to change my password?How to convert Google login to regular MockFlow account How to set my account DP / avatar ?Can I link my existing MockFlow.com account with Atlassian JIRA / Confluence integrations ?Troubleshooting - Unable to login How to delete my MockFlow account?

Admin and security

How to enable Two-Factor authentication (2FA)Enterprise SSO Login - Okta identity provider SSO Setup with Azure identity provider Enterprise SSO Setup with Auth0 How to enable SCIM Provisioning

Getting Started with MockFlow WireframePro MCP Server How to setup MockFlow WireframePro MCP Server for VS Code?How to setup MockFlow WireframePro MCP Server for Claude Code?

Chrome extension

How to use MockFlow WireframePro Chrome Extension

MockFlow AnnotatePro for Atlassian Jira Google Drive Integration Google Docs Integration Atlassian Jira Integration Altassian Confluence Integration Slack Integration MS Teams Integration Microsoft 365 Integration

Troubleshooting

How to share projects in MockFlow About MockFlow Where is my data stored and how secure it is?About service uptime On customer support How to upgrade my MockFlow account?Supported browsers and other requirements Is MockFlow blocked in my country or company ?Is MockFlow GDPR compliant ?Cookie policy

Video tutorials

WireframePro - Getting started video tutorial WireframePro - Page management video tutorial Sharing projects - Video Tutorial UI Packs - Video Tutorial Export UI Drawings - Video Tutorial Project copy to another user - Video Tutorial Archive projects - Video Tutorial Backup projects - Video Tutorial Revision history of pages - Video Tutorial Component linking and interactions - Video Tutorial Saved components - Video Tutorial Merge account and project data - Video Tutorial Specs mode - Video Tutorial Single-Sign-On (SSO) setup - Video Tutorial WireframePro - Review mode video tutorial WireframePro - Trello Power-Up video tutorial WireframePro - Google Docs add-on tutorial WireframePro - Google Drive app tutorial

MockFlow Docs

Internal

DocsWireframePro

WireframePro

View as MarkdownOpen this page as plain Markdown Open in ChatGPTAsk questions about this page Open in ClaudeAsk questions about this page

Guides for wireframing, prototyping and handing designs to developers

Updated 18 Sep 20261 min read

EditorPrototypingSymbolsUI packs and MockStoreUI FlowsBuild modeSiteMapPowerupsSharingUX documentationDesktop and offline

Was this page helpful?

PreviousGenerate Text for your wireframes with AI NextEditor

Related

How to use MockFlow WireframePro Chrome Extension Getting Started with MockFlow WireframePro MCP Server How to setup MockFlow WireframePro MCP Server for VS Code?

Guides, reference and answers for everything MockFlow.

Documentation

Docs Developers What's new llms.txt

Support

Contact support Video tutorials Service status

MockFlow

mockflow.com Pricing MCP servers Open MockFlow

© 2026 MockFlow. All rights reserved.Privacy Terms Security

MidaWireframePro

Hi, I'm Mida.

Get an answer with sources from these docs, in your language.

Clear this chat?

Mida will forget everything asked here. This cannot be undone.

Sign in to MockFlow

The same account you use in the app and on the API.

EmailPasswordForgot your password?

or

Continue with Google Continue with Microsoft Continue with Apple

New to MockFlow? Create an account