Wireframe anywhere

Bring UI design to your favourite tools

Download:
Windows
Mac
Slack
/wireframepro command To start wireframepro editor from Slack
Connect MockFlow Login to MockFlow and select or add new UI design
Post to channel Attach the UI design directly to your conversation.
Install
Slack
Google Drive
Click 'New' After installing addon, open wireframe editor from New button just like opening other docs.
Design UI Use the wireframe editor to quickly brainstorm UI ideas
Add to Drive After designing, export wireframe to your Google Drive, all without leaving the app.
Install
Google Drive
Chrome extension
Install 'Extension' After installing addon, Click on the MockFlow WireframePro extension and log in with your MockFlow account
Select Conversion Convert either full page or selected portion to wireframe
Import as Wireframe After importing, You can now make edits to the wireframe as required.
Install
VSCode extension
Visualize your Idea's Describe what you need - get the code instantly
Select Conversion Build either full page or selected portion of the screen to convert.
Import to VSCode Import the code directly on to your project
Install
Visual studio
Figma plugin
Select wireframe Select wireframe in MockFlow editor and choose 'Export to Figma' in right click or settings panel
Export to Figma format In the modal box, start conversion of wireframes to Figma design format
Import inside Figma editor Open the plugin inside Figma, paste the converted data, and watch your wireframe appear as clean, native, fully editable Figma layers.
Install
figma
Cursor extension
Install cursor extension and select wireframe Open cursor extension and select wireframe project
Export wireframe as AI prompt Select the wireframe and in settings click 'Export to cursor'
Convert to real UI In cursor chat, just hit enter and your wireframe transforms into production UI
Install
Google Docs
Insert UI design From top menu add-ons open wireframe editor
Connect MockFlow Login to MockFlow. Then select existing project or create new
Insert design After designing, insert the design to current cursor location of your Google doc.
Install
Google Docs
Office 365
Cloud or desktop app Whether Office cloud or desktop, open wireframe editor within MS office
Create UI design After logging in, Create your UI design document
Attach UI design After drawing, insert the UI design in the current cursor location of the document
Install
Office 365
Microsoft Teams
Pin to your Team Channel Install MockFlow and pin app as a custom tab
Visualize your ideas Draw and send UI ideas in your MS Teams channel
Brainstorm together Pinned app is automatically visible to all members of the channel
Install
Microsoft Teams
Trello
Trello Power-up Installs MockFlow app directly to your task view as an action button
Launch MockFlow Open wireframe editor from your Trello task
Attach UI ideas Visualize and export UI ideas to your Trello task as image attachments
Install
Trello
Atlassian Confluence
Install add-on Get MockFlow add-on from Atlassian marketplace
Launch within Confluence editor Open wireframe app from the top menu
Insert UI designs Quickly add UI designs to your Confluence wiki as part of your design document
Install
Confluence
Atlassian Jira
Jira task Once installed, MockFlow option appears inside all Jira tasks
Draw UI designs Open wireframe app to draw UI designs
Attach to task Attach UI designs to Jira task as a live document or as an image
Install
Jira

Single Sign-On

Sign-in to MockFlow with any third party Identity Provider that supports SSO/SAML

gsuite

GSuite

SSO using Google OpenID for GSuite business apps and Google accounts

Integrate
okta

Okta

Built-in support for OKTA identity cloud, approved and verified by OKTA team

Integrate
azure

Azure

Single Sign On with Microsoft Azure Active Directory for a seamless sign-in

Integrate
Close Icon

Get MockFlow

Brainstorm UI ideas anywhere

icon MockFlow for Cloud - Web app
icon MockFlow for MacOS w/ offline
icon MockFlow for Windows w/ offline
icon MockFlow for G Drive - Web app
icon MockFlow for ChatGPT
icon MockFlow for Chrome
icon MockFlow for Claude
icon MockFlow for Cursor
icon MockFlow for Figma
icon MockFlow for Atlassian JIRA
icon MockFlow for Atlassian Confluence
icon MockFlow for Slack
icon MockFlow for Microsoft Teams
icon MockFlow for Microsoft Office365
icon MockFlow for Trello
icon MockFlow for G Docs
Google Meet MockFlow for G Meet
icon MockFlow for Visual Studio
icon MockFlow for Mobile View

Contact form

Email: [email protected]

sendSEND


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Connect with us

Follow Us
Support Support
Video Tutorials Videos


     
Forgot Password ?
Don't have an account? Sign up

OR

google login
Sign in with SSO