# MockFlow docs > Every page below has a Markdown sibling at the same URL with .md appended. - [What's new](https://mockflow.com/changelog): Changes to MockFlow, newest first. - [AI Feature series 2: Screenshot to Wireframe](https://mockflow.com/changelog/ai-feature-series-2-screenshot-to-wireframe): Discover MockFlow's AI-powered 'Screenshot to Wireframe' feature, transforming UI screenshots into editable wireframes for efficient brainstorming and iteration. Simplify your design process today. - [AI Feature series 3: Whiteboard to Wireframe](https://mockflow.com/changelog/ai-feature-series-3-whiteboard-to-wireframe): Discover MockFlow's AI-powered 'Whiteboard to Wireframe' feature. Easily convert whiteboard sketches into editable wireframes for seamless UI design and collaboration. - [AI Feature series 4: Convert Website/Webapp to Wireframes](https://mockflow.com/changelog/ai-feature-series-4-websitewebapp-to-wireframe): Stop spending time wireframing your existing UI—try our Chrome extension that instantly converts any website, web app, or... - [AI Feature series: Text to Wireframe](https://mockflow.com/changelog/ai-feature-series-text-to-wireframe): Discover MockFlow's 'Text to Wireframe', an AI-powered tool that transforms your text input into customizable wireframes. Perfect for landing pages, mobile apps, and more. Start your UI design effortlessly with editable outputs. - [Android 12 component UI pack now available in MockStore](https://mockflow.com/changelog/android-12-component-ui-pack-now-available-in-mockstore-215009) - [Android 17 wireframe UI kit for MockFlow](https://mockflow.com/changelog/android-17-wireframe-ui-kit-for-mockflow): Now ideate and wireframe apps for Android 17 OS faster. With 150 ready-to-use components, this kit helps you quickly plan mobile... - [Auto-Generated Style Guide for Wireframes in Specs Mode](https://mockflow.com/changelog/auto-generated-style-guide-for-wireframes-in-specs-mode): Discover how WireframePro's Specs mode simplifies design handoff by auto-generating style guides from your wireframes. Effortlessly transition from concept to implementation with structured visual documentation, ideal for developers and designers. - [New UI Style for Wireframes: Block UI Pack](https://mockflow.com/changelog/block-style-wireframes): Wireframes are all about representation like how prototyping is for interactions. MockFlow already provides many ways with which... - [Create, Brainstorm 3D Models in MockFlow Board – Games, Objects, Film & More](https://mockflow.com/changelog/brainstorm-3d-models-in-ideaboard-games-objects-film): Discover how MockFlow Board enhances brainstorming with 3D models for games, film, and design. Use AI to create and collaborate on interactive 3D objects, transforming ideas into reality. - [Brainstorm with the New Storyboard Component in MockFlow Board](https://mockflow.com/changelog/brainstorm-with-the-new-storyboard-component-in-ideaboard): Discover how the new Storyboard component in MockFlow Board transforms your whiteboard into a powerful visual planning tool. Streamline brainstorming, organize narratives, and collaborate efficiently with built-in AI and media management. Perfect for film, animation, marketing, and educational projects. - [Bringing centralised Two-Factor Authentication for teams](https://mockflow.com/changelog/bringing-centralised-two-factor-authentication-for-teams-194946) - [Build your Customer Journey Map inside MockFlow!](https://mockflow.com/changelog/build-your-customer-journey-map-inside-mockflow-229047): Create beautiful Customer Journey maps within minutes using this powerful CJM power-up, to visually represent the stages... - [ChatGPT app for MockFlow Board - now visualize without AI limits or signups](https://mockflow.com/changelog/chatgpt-app-for-ideaboard-now-visualize-without-ai-limits-or-signups): Discover the new ChatGPT app for MockFlow Board, a revolutionary tool that turns ChatGPT into a visual brainstorming companion. Create mind maps, flowcharts, and more without AI limits or signups. Perfect for seamless mobile and web integration. - [Check out our new Video Promo about MockFlow 🎉](https://mockflow.com/changelog/check-out-our-new-video-promo-about-mockflow-257696): We just released a short and exhilarating video on what is MockFlow and how it transforms product design. Check it out. - [Create Documents the Visual Way with the New Docs Component](https://mockflow.com/changelog/create-documents-the-visual-way-with-the-new-docs-component): Create multiple docs side-by-side, connect docs with flows, combine docs with stickies, images, todos. Move away from the... - [Update: Visually Suggest Design Changes, Not Just Comments](https://mockflow.com/changelog/dont-just-comment-now-suggest-design-changes-visually): The latest update in MockFlow pushes design commenting to another level as now the collaborator can make visual changes to... - [Enhanced Data Editor for Charts in WireframePro](https://mockflow.com/changelog/enhanced-data-editor-for-charts-in-wireframepro): Discover the enhanced data editor for charts in WireframePro, offering a more intuitive and visual editing experience. Improve design efficiency with spreadsheet-like controls, tailored chart components, and seamless integration with Excel and CSV files. - [Export wireframes as AI visual prompt for agentic tools like claude code](https://mockflow.com/changelog/export-wireframes-as-ai-prompt-for-agentic-tools-like-claude-code): Transform wireframes into optimized AI prompts for agentic tools like Claude Code. Simplify UI generation with MockFlow’s Export to AI Prompt feature, supporting Codex, Cursor, and more. - [Export Wireframes as Interactive PDF with Clickable Navigation](https://mockflow.com/changelog/export-wireframes-as-interactive-pdf-document): Learn how to export MockFlow wireframes as interactive PDFs with clickable links and navigation. Enhance stakeholder reviews and share prototypes seamlessly without external dependencies. - [Express Beyond Text: Add Video and Voice Comments in MockFlow Ideaboard](https://mockflow.com/changelog/express-beyond-text-add-video-and-voice-comments-in-mockflow-ideaboard): Discover the new Comments 2.0 in MockFlow Board, enabling board members to share expressive feedback via video and voice comments. Experience natural, secure, and collaborative communication today. - [Free UI kits for MacOS 26, iPadOS 26, and watchOS 26 now available in MockFlow](https://mockflow.com/changelog/free-ui-kits-for-macos-26-ipados-26-and-watchos-26-now-available-in-mockflow): The latest UI kits are now available for MockFlow WireframePro users, featuring approximately 143 components for macOS 26, over... - [Free wireframe kit for ideating iOS 26 liquid glass apps for iPhone](https://mockflow.com/changelog/free-wireframe-kit-for-ideating-ios-26-liquid-glass-apps-for-iphone): Access a free wireframe kit for iOS 26 Liquid Glass apps, complete with 190+ components. Transform your iPhone app UI design with cutting-edge wireframing tools and streamline your development process. - [Generate dashboards, analytics, chart based wireframes with AI](https://mockflow.com/changelog/generate-dashboards-analytics-chart-based-wireframes-with-ai): Discover how MockFlow AI elevates wireframe creation by integrating real charts, analytics, and data visualizations. Generate intuitive dashboards and UI designs effortlessly using AI technology. - [Generate sitemaps for any website type with AI](https://mockflow.com/changelog/generate-sitemaps-for-any-website-type-with-ai): MockFlow helps website planning with its SiteMap tool. Using the SiteMap app, managers can easily make an overall outline of... - [Get your wireframes reviewed and rated by AI](https://mockflow.com/changelog/get-your-wireframes-reviewed-and-rated-by-ai): We are excited to introduce a new way to get your UI designs analyzed and reviewed automatically with AI and download them as... - [MockFlow Board File mode - makes whiteboard data on-premise and git-integrated](https://mockflow.com/changelog/ideaboard-file-mode-makes-whiteboard-on-premise-and-git-integrated): Discover MockFlow Board's file mode, offering on-premise whiteboard data with git integration. Save projects as .board files, enjoy encryption, version control, and seamless collaboration without cloud dependency. - [MockFlow Board for Google Meet : Real-Time Brainstorming Without Leaving Your Meeting](https://mockflow.com/changelog/ideaboard-for-google-meet-real-time-brainstorming-without-leaving-your-meeting): Enhance your Google Meet sessions with MockFlow Board's real-time brainstorming capabilities. Collaborate visually with whiteboards, diagrams, and AI-powered tools right inside your meetings. - [MockFlow Board for Microsoft Teams: Free AI-Powered Visual Collaboration inside MS Teams](https://mockflow.com/changelog/ideaboard-for-microsoft-teams-free-ai-powered-visual-collaboration-inside-ms-teams): Transform conversations into visuals with MockFlow Board for Microsoft Teams. Enjoy AI-powered visual brainstorming, flowcharts, and mind maps directly inside your workspace without switching apps. - [MockFlow Board launches as an offline whiteboard app, work seamlessly without servers](https://mockflow.com/changelog/ideaboard-launches-as-an-offline-whiteboard-app-work-seamlessly-without-servers): Discover MockFlow Board, the offline whiteboard app available on the Mac App Store. Enjoy secure, file-based brainstorming with no servers required. Perfect for solopreneurs and enterprises prioritizing data privacy. - [MockFlow Board MCP Server: Bring MockFlow's Visual Brainstorming to Claude, Cursor, and Any AI Assistant](https://mockflow.com/changelog/ideaboard-mcp-server-bring-mockflows-visual-brainstorming-to-claude-cursor-and-any-ai-assistant): Transform your AI assistant into a visual brainstorming powerhouse with the MockFlow Board MCP Server. Create flowcharts, mind maps, and more directly from AI tools like Claude, Cursor, and VS Code Copilot. Leverage MockFlow's tools seamlessly within your existing workflow. - [MockFlow Board now adds free whiteboarding directly inside Atlassian Trello](https://mockflow.com/changelog/ideaboard-now-adds-free-whiteboarding-directly-inside-atlassian-trello): Discover the new MockFlow Board powerup for Trello, bringing whiteboard capabilities to enhance collaboration, brainstorming, and visualization within your Trello tasks. Experience seamless ideation and boost productivity without leaving Trello. - [Identify WCAG accessiblity issues with this new Powerup](https://mockflow.com/changelog/identify-wcag-accessiblity-issues-with-this-new-powerup-188520) - [Improved Generation and New AI Features in WireframePro Mida](https://mockflow.com/changelog/improved-generation-and-new-ai-features-in-wireframepro-mida): Discover the upgraded AI features in WireframePro MIDA, offering enhanced UI wireframe generation with contextual styling and guided screenshot conversion for seamless design workflows. - [Improved insights for DesignSpace](https://mockflow.com/changelog/improved-insights-for-designspace): In today's update, we have overhauled design space insights with better graphics and more informative charts that speaks about... - [Instantly Export MockFlow Wireframes as Native Figma Designs](https://mockflow.com/changelog/instantly-export-mockflow-wireframes-as-native-figma-designs): Discover how the MockFlow Figma Plugin transforms wireframes into editable Figma designs. Preserve styling, structure, and layout for a seamless transition from ideation to execution. Ideal for design teams and freelancers aiming for efficiency. - [Introducing "AI Co-pilot" for brainstorming UI](https://mockflow.com/changelog/introducing-ai-co-pilot-for-brainstorming-ui): Nowadays AI is not just a buzzword but an invaluable tool that has become part of our tools we use. Following our release last... - [Introducing "AI prompt box" as a whiteboard component along with 🍲 AI recipes](https://mockflow.com/changelog/introducing-ai-prompt-box-as-a-whiteboard-component-along-with-ai-recipes): Discover the AI Prompt Box, a revolutionary component for MockFlow Board, enabling collaborative AI generation and structured workflows. Enhance your team's productivity with pre-configured AI recipes and transparent AI-assisted processes. - [Introducing AI toolbox for brainstorming in MockFlow Board](https://mockflow.com/changelog/introducing-ai-toolbox-for-brainstorming-in-ideaboard): Discover the new AI Toolbox in MockFlow Board, designed for seamless brainstorming. Generate custom whiteboard templates, flowcharts, and cloud architecture diagrams with ease. Explore the editable prompt library and revolutionize your visual collaboration today. - [🎉 📉 Introducing analytics for design space](https://mockflow.com/changelog/introducing-analytics-for-design-space-211815) - [Bring Your Whiteboard to Life with Custom Backgrounds in MockFlow Board](https://mockflow.com/changelog/introducing-backgrounds-to-whiteboard): Enhance your MockFlow Board experience by setting vibrant wallpapers or background colors. Create a branded, collaborative environment for mind maps, brainstorming, and more with MockFlow's customizable whiteboard backgrounds. - [Update: Real-Time Call Alerts for Video Meetings in MockFlow](https://mockflow.com/changelog/introducing-call-alerts-for-in-design-video-meetings-in-mockflow-editor): Introducing real-time call alerts for video meetings in MockFlow! Stay informed and connected during your sessions for a seamless collaboration experience. - [Now experience Dark Mode in MockFlow Dashboard and Editor](https://mockflow.com/changelog/introducing-dark-mode-for-mockflow-dashboard-and-editor): Enhance your UI design and user experience with the new dark mode feature in MockFlow's dashboard and editor. Discover the benefits of using dark themes. - [Introducing "Docs" mode for UI design](https://mockflow.com/changelog/introducing-docs-mode-for-ui-design): Now document seemlessly alongside your wireframes, flowcharts and designs for a more cohesive brainstorming of your software... - [Introducing Illustration Packs in MockFlow WireframePro](https://mockflow.com/changelog/introducing-illustration-packs-in-mockflow-wireframepro): Wireframe means fast visual representation of UI. So it makes brainstorming and iterating your UI blueprint as easy as possible.... - [Introducing Mini-Mode in WireframePro: A Smarter, Faster Way to Wireframe](https://mockflow.com/changelog/introducing-mini-mode-in-wireframepro-a-smarter-faster-way-to-wireframe): Discover the new Mini-Mode in WireframePro for a smarter and faster wireframing experience. Enjoy a streamlined workspace with essential tools at your fingertips and enhanced AI features for intuitive UI design. - [Introducing new "Flow mode" in WireframePro](https://mockflow.com/changelog/introducing-new-flow-mode-in-wireframepro): We are happy to introduce the new "Flow mode" in WireframePro which takes brainstorming UI to the next level. With Flow mode you... - [Introducing the Android 16 UI Kit for Wireframing – Now Available](https://mockflow.com/changelog/introducing-the-android-16-ui-kit-for-wireframing-now-available): Now ideate apps for Android 16 at lightning speed with this new wireframing UI-kit. With over 120 components and templates,... - [Launching our next iteration of MockFlow Dashboard](https://mockflow.com/changelog/introducing-the-next-iteration-of-mockflow-dashboard): Two years ago after we first released design spaces for MockFlow, it has become the de-facto way for many businesses to organize... - [iOS 16 UI pack for iPhone is now available in MockFlow](https://mockflow.com/changelog/ios-16-ui-pack-for-iphone-is-now-available-in-mockflow-236181): The next generation of iOS - version 16 was recently announced in Apple WWDC 2022 conference held in June. The latest update... - [Know CSS? Now style wireframes with css code](https://mockflow.com/changelog/know-css-now-style-wireframes-with-css-code-213646): We are super excited to release a new feature for adding custom css code to wireframe components. This change brings endless... - [Launching Flow App for Flowcharts, Diagrams, and More](https://mockflow.com/changelog/launching-separate-flow-app-for-drawing-flowcharts-architecture-diagrams-and-more): MockFlow DesignSpace just got bigger with the new "Flow app". Following up our release on Flow mode inside WireframePro which is... - [Live Presentations 2.0 in MockFlow — In-Sync View, Voice Support & Greater Control](https://mockflow.com/changelog/live-presentations-20-in-mockflow-in-sync-view-voice-support-greater-control): Discover Live Presentations 2.0 in MockFlow for seamless remote wireframing and brainstorming. Enjoy in-sync navigation, voice support, and improved control for collaborative design reviews. - [SpellChecker Powerup: With this new addon correct spelling mistakes in wireframe](https://mockflow.com/changelog/m0ds1kumtob-spellchecker-powerup-with-this-new-addon-correct-spelling-mistakes-in-wireframe) - [Introducing live embed for UI drawings](https://mockflow.com/changelog/mcovuafbtob-introducing-live-embed-for-ui-drawings) - [New Powerup: AI Text Content Generation for Wireframes](https://mockflow.com/changelog/miw1rxxatob-new-powerup-generate-text-content-for-your-wireframes-with-ai): AI is the buzzword nowadays, Thanks to innovations like OpenAI, now generating content is fast and more meaningful. Leveraging... - [New Powerup to manage and export "Design Tokens" for UI](https://mockflow.com/changelog/mk4eznsmtob-new-powerup-to-manage-and-export-design-tokens-for-ui) - [Now localize your UI with i18n internationalization powerup](https://mockflow.com/changelog/mkt7lgkctob-now-localize-your-ui-with-i18n-internationalization-powerup) - [Power-up Shortcuts - Now access related powerups at the right places](https://mockflow.com/changelog/mmcrkzactob-power-up-shortcuts-now-access-related-powerups-at-the-right-places) - [MockFlow New AI Update: Generate Color Palettes with Prompts](https://mockflow.com/changelog/mockflow-new-ai-update-generate-color-palettes-with-prompts): We are pleased to introduce "Generate Colors using AI," which is a new addition to the recently launched AI Co-Pilot. Like other... - [MockFlow partners with Mobile UX London](https://mockflow.com/changelog/mockflow-partners-with-mobile-ux-london-224689) - [Introducing PrevJS: Simple Static Builder from MockFlow](https://mockflow.com/changelog/mojrnh1atob-introducing-prevjs-super-easy-static-builder-from-mockflow): When we set out to build a static website for one of our sub-sites with html pages, our first step was to select a static site... - [Introducing Component level themes in MockFlow](https://mockflow.com/changelog/msvg9xnatob-introducing-component-level-themes-in-mockflow) - [Multi-Screen AI in WireframePro — From One Prompt to a Complete Design Plan](https://mockflow.com/changelog/multi-screen-ai-in-wireframepro-from-one-prompt-to-a-complete-design-plan): Discover how Multi-Screen AI in WireframePro revolutionizes product ideation by detecting multi-screen intent and generating complete design plans, including wireframes, flowcharts, architecture, and database diagrams with MIDA. - [New UI kit for drawing sketchy mobile interfaces](https://mockflow.com/changelog/mybl5yf0fqb-new-ui-kit-for-drawing-sketchy-mobile-interfaces): Sketchy or hand-drawn like wireframes convey in style that this UI design is not final and is unfinished. While MockFlow already... - [New! Safeguard .wire design files with password protection](https://mockflow.com/changelog/myg5y5hctob-new-safeguard-wire-design-files-with-password-protection) - [New! Build mode - Convert wireframes into production code](https://mockflow.com/changelog/new-build-mode-convert-wireframes-designs-into-production-code): Discover MockFlow's Build Mode, an AI-powered tool that converts wireframes into ready-to-use UI code for React, Tailwind, iOS, Android, and more. Transform your designs into production-ready code effortlessly. - [New! MockFlow Board Connectors: Brainstorm your data from tools like Slack, Jira, Notion, GitHub...](https://mockflow.com/changelog/new-connectors-in-ideaboard-brainstorm-data-from-your-tools-like-slack-jira-notion-github-visually-with-ai): Bring data from the tools your team already uses onto a live MockFlow Board, then brainstorm it visually with Ask Mida AI on... - [New in Build Mode: Select framework version during code export](https://mockflow.com/changelog/new-in-build-mode-select-framework-version-during-code-export): Effortlessly export wireframes as code with Build Mode, selecting the exact framework version like Tailwind 4 or iOS SDK 17 for seamless integration. Avoid compatibility issues and streamline your workflow with WireframePro's expanded framework support. - [New Keyboard Shortcuts for Faster Wireframing and Whiteboarding in MockFlow](https://mockflow.com/changelog/new-keyboard-shortcuts-for-faster-wireframing-and-whiteboarding-in-mockflow): Discover the latest keyboard shortcuts in MockFlow for faster wireframing and whiteboarding. Use AI tools with a simple slash and navigate efficiently with Cmd + 2,3,4,5. Available on both web and desktop apps. - [New layout for SiteMap app - "PageFrame"](https://mockflow.com/changelog/new-layout-for-sitemap-app-pageframe): A new layout called 'PageFrame' theme has been added for SiteMap app. As the name indicates each node in the sitemap is... - [New maps component with AI for Whiteboard](https://mockflow.com/changelog/new-maps-component-with-ai-for-whiteboard): Discover the innovative Maps component in MockFlow Board, featuring AI-powered geo visualization. Brainstorm with interactive 2D and 3D maps, customize with location markers, and explore endless possibilities for education, travel, and team collaboration. - [New Minimap in the Editor for Effortless Navigation](https://mockflow.com/changelog/new-minimap-in-the-editor-for-effortless-navigation): Discover the new minimap feature inside the editor, part of the topbar revamp, for seamless navigation across wireframe pages. Hover over the zoom icon to explore. - [New Powerup: Replace Wireframe Placeholders with Real Images](https://mockflow.com/changelog/new-powerup-replace-your-wireframe-placeholders-with-real-pics-using-ai-258106): When kickstarting UI design for your software or website, wireframe is the first stage of the process. Wireframes has to be done... - [New UI Pack for brainstorming AI based software](https://mockflow.com/changelog/new-ui-pack-for-brainstorming-ai-based-software): With the advent of OpenAI and LLM, AI based features and tools are the new trends in industry. Almost every new product or... - [New UI Pack for Brainstorming Apps with AWS Amplify](https://mockflow.com/changelog/new-ui-pack-for-brainstorming-apps-with-aws-amplify-framework-260317): AWS Amplify is a full-stack framework for creating web and mobile apps with less time. It provides dozens of react based... - [New UI Pack for wireframing Data grids and tables](https://mockflow.com/changelog/new-ui-pack-for-wireframing-data-grids-and-tables-181578) - [New: Visual prompting for generating code in Visual Studio](https://mockflow.com/changelog/new-visual-prompting-for-generating-code-in-visual-studio): Discover the MockFlow WireframePro extension for Visual Studio Code. Instantly generate UI code through visual prompting, convert wireframes into production-ready code, and enhance your development workflow effortlessly. - [New Wireframing UI Kit for shadcn/ui: 190+ Components](https://mockflow.com/changelog/new-wireframing-ui-kit-for-shadcnui-with-over-190-components): Brainstorm your SaaS apps mimicing shadcn look and feel. shadcn/ui has quickly become a popular opensource library for building... - [Update: Create Sketchy UI Flows, Flowcharts, and Diagrams](https://mockflow.com/changelog/not-just-sketchy-wireframes-now-draw-sketchy-ui-flows-flow-charts-and-diagrams): MockFlow now offers full support for drawing UI flows, flow charts and diagrams in sketchy format with a hand-drawn look and... - [Now brainstorm apps for Apple Vision Pro](https://mockflow.com/changelog/now-brainstorm-apps-for-apple-vision-pro): Introducing a new UI kit for Apple VisionOS with over 132 wireframe components. Vision Pro is a next generation VR device from... - [Now Build Your Own Component (BYOC) in MockFlow](https://mockflow.com/changelog/now-build-your-own-component-byoc-in-mockflow-218864) - [Copy and Paste Component Styles in Wireframe Editor](https://mockflow.com/changelog/now-copy-and-paste-component-styles-in-wireframe-editor): Our latest feature enables you to copy styles alone from one component and effortlessly paste them into another component or... - [Now create BYOC components in MockFlow with AI](https://mockflow.com/changelog/now-create-byoc-components-in-mockflow-with-ai): In MockFlow, BYOC stands for "Bring Your Own Components." It is a feature that allows users to create and add their own custom... - [Now create Non-Linear Presentations with Interactions in MockFlow Board](https://mockflow.com/changelog/now-create-non-linear-presentations-with-interactions-in-ideaboard): Transform your presentations with MockFlow Board's interactive features. Enjoy non-linear navigation, dynamic storytelling, and engaging product demos perfect for brainstorming, workshops, and education. - [Feature Update: Mark Design Feedback as Resolved](https://mockflow.com/changelog/now-mark-completed-design-feedback-as-resolved): Turn annotated design comments into resolved todo items with help of this new feature. In the brainstorming stage, feedback... - [Now On-board designs and UI for your stakeholders](https://mockflow.com/changelog/now-on-board-designs-and-ui-for-your-stakeholders-221986) - [Now reshape, modify and transform your ideas with MockFlow Board AI](https://mockflow.com/changelog/now-reshape-modify-and-transform-your-ideas-with-ideaboard-ai): Discover how MockFlow Board AI's latest update enhances your brainstorming process with AI-driven transformations. Modify and convert ideas effortlessly across various formats. - [Now track team activity in Design Spaces](https://mockflow.com/changelog/now-track-team-activity-in-design-spaces): Discover how MockFlow's Design Spaces empowers teams to track activities effortlessly with Space Activities. View key design actions in a visually appealing timeline, enhance collaboration, and streamline project management. - [Wireframe iPhone apps with iOS 18 UI Kit](https://mockflow.com/changelog/now-wireframe-iphone-apps-for-the-latest-ios-18): Quickly brainstorm your iPhone apps for iOS 18 with over 320 built-in components, including Apple Intelligence based... - [Update: OTT UI Packs for Web & Mobile Media Apps](https://mockflow.com/changelog/ott-ui-packs-for-ideating-web-and-mobile-based-media-apps): We all know there is a sudden surge in OTT platforms (Over-the-top media service) delivering various forms of media content with... - [New Placeholder UI Packs for Images and Logos](https://mockflow.com/changelog/placeholder-ui-packs-for-images-and-logos-are-now-available-238393): At MockFlow our mission is to make UI design fast, fun and easy. In keeping with these lines, we are pleased to announce the... - [Redesigned MockStore: UI Kits, Templates & Powerups](https://mockflow.com/changelog/redesigned-mockstore-your-goto-place-for-wireframe-packs-templates-and-powerups-251200): MockStore is the resource hub for all your wireframing needs. Integrated within the editor, it provides easy access to hundreds... - [New UI Pack for Brainstorming Slack Apps](https://mockflow.com/changelog/released-new-ui-pack-for-brainstorming-slack-based-apps-258693): Building apps for the popular team communication software - Slack has become increasingly popular. Since Slack provides the... - [Secure your wireframe project links with pass key](https://mockflow.com/changelog/secure-your-wireframe-project-links-with-pass-key-214481) - [Speed Up Your Wireframing with Symbols](https://mockflow.com/changelog/speed-up-your-wireframing-with-symbols): We are excited to introduce "Symbols" – a feature that enhances component reusability in your wireframes, allowing you to update... - [Now track all activities within your project](https://mockflow.com/changelog/track-project-activity-in-wireframes): We're excited to introduce our latest feature: Project Activity Tracking. This powerful addition is designed to keep your team... - [Transform Any Idea, Prompt, Document, or Image into a Multi-Visual Board with Mida AI](https://mockflow.com/changelog/transform-any-idea-prompt-document-or-image-into-a-multi-visual-board-with-mida-ai): Discover how Mida AI and MockFlow Board convert ideas, documents, and images into organized visual workspaces. Generate multi-component boards like flowcharts, Kanban boards, and more with AI-powered automation. - [Turn UI designs to product mockups with Frames Powerup](https://mockflow.com/changelog/turn-ui-designs-to-product-mockups-with-frames-powerup-195345) - [UI Pack for iPadOS 16 has been released](https://mockflow.com/changelog/ui-pack-for-ipados-16-has-been-released-237614) - [New Tailwind v3 UI Pack: 150+ Wireframe Components](https://mockflow.com/changelog/ui-pack-for-tailwind-v3-released-with-over-150-wireframe-components-243846): Get the new UI pack for Tailwind version 3. It comes with over 150 components designed for brainstorming Tailwind based apps and... - [Updated Chart Components: 8 Types in Regular & Sketchy](https://mockflow.com/changelog/updated-chart-components-with-8-types-in-regular-and-sketchy-styles-210845): The simple chart components that are currently available in MockFlow provide quick and basic visualization. However they have no... - [Updated Desktop UI Packs for Windows 11 & macOS Ventura](https://mockflow.com/changelog/updated-desktop-ui-packs-windows-11-and-macos-13-ventura-257417): We are pleased to announce updated UI packs in MockStore for popular desktop app frameworks - Windows and MacOS. Now... - [Updated UI kit for Android to version 15](https://mockflow.com/changelog/updated-ui-kit-for-android-to-version-15): Discover the latest Android UI Kit version 15 for MockFlow, featuring 160 wireframe components and templates. Enhance your app prototyping with intuitive tools designed for Android OS. - [Wireframe UI kit for MacOS 14 Sonoma is now available](https://mockflow.com/changelog/wireframe-ui-kit-for-macos-14-sonoma-is-now-available): Now brainstorm your desktop app ideas for the latest MacOS 14 Sonoma using this newly released wireframe UI kit. There are... - [Wireframe UI kit for Microsoft Fluent 2 Design System](https://mockflow.com/changelog/wireframe-ui-kit-for-microsoft-fluent-2-design-system): Microsoft Fluent is a design system developed by Microsoft that aims to create a consistent and cohesive user experience across... - [Wireframe UI kit for Shopify Polaris](https://mockflow.com/changelog/wireframe-ui-kit-for-shopify-polaris): Polaris is the design system for the Shopify admin. It includes components, icons and styles for developing high-quality... - [Wireframe UI kit for Tailwind v4 released for websites and webapps](https://mockflow.com/changelog/wireframe-ui-kit-for-tailwind-v4-released-for-websites-and-webapps): Discover the new Wireframe UI kit for Tailwind v4 with over 300 components for websites and 200+ for webapps, now available in MockStore. Enhance your wireframing process today! - [Wireframe UI Kits for iPhone iOS 17 & iPadOS 17 Now Available](https://mockflow.com/changelog/wireframe-ui-kits-for-iphone-ios-17-and-ipados-17-now-available): MockFlow in keeping up with its promise to be up to date with the latest versions of all major UI frameworks, we are happy to... - [WireframePro Chrome Ext Update — Now wireframe redesigns faster](https://mockflow.com/changelog/wireframepro-chrome-ext-update-now-wireframe-redesigns-faster): Discover the latest WireframePro Chrome Extension update featuring a refreshed UI and powerful multi-screen generation for faster, smoother wireframe redesigns. Now available free for all plans. - [WireframePro MCP Server: Turn Any AI Assistant Into a Wireframing & Design-to-Code Engine](https://mockflow.com/changelog/wireframepro-mcp-server-turn-any-ai-assistant-into-a-wireframing-design-to-code-engine): Discover WireframePro MCP Server, which integrates with AI assistants like Claude and VS Code to streamline wireframing and design-to-code processes. Enhance productivity with contextual wireframing and custom design skills for seamless design automation. - [Account and billing](https://mockflow.com/docs/account) - [Plans and billing](https://mockflow.com/docs/account/billing) - [How to cancel a MockFlow license subscription ?](https://mockflow.com/docs/account/billing/cancel-mockflow-license-subscription): An active MockFlow subscription can be cancelled anytime from renewing again. Once cancelled, the license cannot be revoked and... - [How to cancel a MockFlow license subscription ?- FastSpring](https://mockflow.com/docs/account/billing/cancel-mockflow-subscription): If you have created a subscription with our old payment provider - FastSpring, then read the below article. If not follow... - [AI credits in MockFlow explained](https://mockflow.com/docs/account/billing/credits-in-mockflow-explained): Explore how MockFlow utilizes AI credits for enhanced content generation, including wireframes, flowcharts, and more. Learn about AI credit consumption and pricing plans. - [How to edit or update billing details - FastSpring](https://mockflow.com/docs/account/billing/edit-or-update-billing-details): If you have made a payment using our previous payment provider - FastSpring, then follow the below steps. If not follow... - [Invoice for my payment](https://mockflow.com/docs/account/billing/invoice-for-payment): All invoices for your subscription can be listed and viewed by following the steps below: Open account settings and click the... - [Upgrade your License from Premium Pack to Team Pack](https://mockflow.com/docs/account/billing/manage-licenses-in-premium-pack): If you have purchased one Editor license and wish to upgrade it to a Team Pack, you can use the License Manager to manage,... - [Manage licenses in Team-Pack and Enterprise edition](https://mockflow.com/docs/account/billing/manage-licenses-in-team-pack-edition): If you have purchased more than one Editor license, then you can use the License Manager to manage/upgrade/downgrade the... - [Refund policy](https://mockflow.com/docs/account/billing/refund-policy): MockFlow is a freemium software, so we recommend you try the free Basic plan, which has no time limit before you purchase a... - [What to do if payment failed?](https://mockflow.com/docs/account/billing/to-do-if-payment-failed): If your subscription or license payment fails, please consider the following reasons: Insufficient Funds: Ensure that there are... - [How to purchase additional AI credits?](https://mockflow.com/docs/account/billing/to-purchase-additional-ai-credits): To purchase additional AI credits in MockFlow, follow the steps below: In the WireframePro editor, click on Credits in the... - [What happens when my license expires?](https://mockflow.com/docs/account/billing/what-happens-when-license-expires): When your subscription period ends, you will receive an email notification of the license expiration. If it is not renewed then... - [How to convert Google login to regular MockFlow account](https://mockflow.com/docs/account/change-google-login-to-normal-mockflow-account): If you have used Google Login to create your MockFlow account but later decide to directly login to MockFlow using... - [How to change my MockFlow ID / username?](https://mockflow.com/docs/account/change-mockflow-email-id): MockFlow ID is your email address used for signing in. Even in the case of SSO or Google login, email is your MockFlow ID. In... - [How to delete my MockFlow account?](https://mockflow.com/docs/account/delete-mockflow-account): All your data and account details at MockFlow.com can be permanently deleted by logging in and clicking the ' Delete account'... - [Design spaces](https://mockflow.com/docs/account/design-spaces) - [About Design Space](https://mockflow.com/docs/account/design-spaces/about-designspace): Design Spaces are a new way to look at your design work! It aims at bringing all your brainstorming and design work together in... - [Space Activity in Design Spaces](https://mockflow.com/docs/account/design-spaces/activity-in-design-spaces): Track your team's actions within the design space and stay updated on any changes. Follow the instructions below to track team... - [Analytics for your design space](https://mockflow.com/docs/account/design-spaces/analytics-for-design-space): Design space is the grouping of related product design projects, files, and tools. It also becomes collaborative when shared... - [Change ownership of design space](https://mockflow.com/docs/account/design-spaces/change-ownership-of-design-space): The creator of a design space, becomes the owner of that space. Owner has full rights to a space including sharing, deleting... - [Default Space](https://mockflow.com/docs/account/design-spaces/default-space): Default Space is the space for all your ungrouped UI Drawing projects. If you were using MockFlow before August 2021, you will... - [Generate public link for individual projects inside design space](https://mockflow.com/docs/account/design-spaces/generate-public-link-for-individual-projects): If you want to share a particular project or file with a public link, you can do so by following the steps below: First, click... - [Making a DesignSpace public](https://mockflow.com/docs/account/design-spaces/making-designspace-public): Design Space can be made public so that you can share all (or as chosen) projects and files in the design space in one go. This... - [Moving projects between spaces](https://mockflow.com/docs/account/design-spaces/moving-projects-between-spaces): Sometimes a project might be created under the wrong space. Or a project has to be moved to a different space due to... - [Sharing your Design Space](https://mockflow.com/docs/account/design-spaces/sharing-design-space): Share your design space with your team to get everyone working together. Once you share the design space with your team, all the... - [I forgot my MockFlow password](https://mockflow.com/docs/account/forgot-mockflow-password): No worries. If you forgot your MockFlow account password then you can reset the password at the login screen. In the Login... - [Can I link my existing MockFlow.com account with Atlassian JIRA / Confluence integrations ?](https://mockflow.com/docs/account/link-existing-mockflow-com-account): Due to Atlassian license restrictions, your existing account/license at MockFlow.com account cannot be merged or linked to... - [Managing projects](https://mockflow.com/docs/account/projects) - [How to backup projects ?](https://mockflow.com/docs/account/projects/backup-projects): While most of the tools in MockFlow comes with "Revision History" that allows the user to backup individual section or pages... - [How to change ownership of a project?](https://mockflow.com/docs/account/projects/change-ownership-of-project): In MockFlow, the ownership of a wireframe project cannot be directly transferred to another user. There can be only one owner of... - [How to duplicate/'save as' a project?](https://mockflow.com/docs/account/projects/duplicate-save-as-project): To duplicate or 'save as' an existing project, Click on a project item in the dashboard and select 'Duplicate' from the menu.... - [How to delete my project?](https://mockflow.com/docs/account/projects/to-delete-project): Follow these steps below to delete a project inside MockFlow Design Space. Select the project you want to delete and click on... - [How to lock a project?](https://mockflow.com/docs/account/projects/to-lock-project): 'Lock project' can be used to prevent unintended edits, ensure design consistency, and protect critical projects from accidental... - [How to restore my deleted project from trash bin?](https://mockflow.com/docs/account/projects/to-restore-deleted-project-from-trash-bin): Any deleted project can be restored from the Trash Bin within 30 days, by following the steps below. In your MockFlow... - [How to send a copy of a project to another user?](https://mockflow.com/docs/account/projects/to-send-copy-of-project-to-another-user): When a project copy is sent to another user, it is transferred to a new space (with the name 'UI ideation, or to the default... - [How to set my account DP / avatar ?](https://mockflow.com/docs/account/set-account-dp): We recommend setting up a profile picture (DP) for your MockFlow account. It personalizes your dashboard by prominently... - [How to change my password?](https://mockflow.com/docs/account/to-change-password): Follow these instructions to change your MockFlow account password. Log in to your MockFlow account, and once the dashboard... - [How to change the license role of an user?](https://mockflow.com/docs/account/to-change-user-license-role): You can change the license role of a MockFlow user by following these steps. From your MockFlow dashboard, click on the profile... - [How to transfer or merge one MockFlow account into another ?](https://mockflow.com/docs/account/transfer-or-merge-one-mockflow-account): Note: This feature is available only for Enterprise license holders. Others can use this operation -... - [Troubleshooting - Unable to login](https://mockflow.com/docs/account/troubleshooting-unable-to-login): If you are unable to login then try any one of the following below * Clear all browser cache and cookies from your browser... - [How to turn off email notifications ?](https://mockflow.com/docs/account/turn-off-email-notifications): MockFlow sends two types of email:  1) System Email:  These are important application emails that cannot be turned OFF. System... - [Admin and security](https://mockflow.com/docs/admin) - [Single sign on](https://mockflow.com/docs/admin/sso) - [How to enable SCIM Provisioning](https://mockflow.com/docs/admin/sso/enable-scim-provisioning): System for Cross-domain Identity Management (SCIM) helps enterprises to manage user access to various applications like MockFlow... - [How to enable Two-Factor authentication (2FA)](https://mockflow.com/docs/admin/sso/enable-two-factor-authentication-2fa): MockFlow supports 2FA management and authentication through email-based OTP verification. 2FA is a company-wide authentication... - [Enterprise SSO Setup with Auth0](https://mockflow.com/docs/admin/sso/enterprise-sso-any-identity-provider-auth0): You should have an active MockFlow Enterprise license or annual TeamPack license to integrate MockFlow with any third-party... - [Enterprise SSO Login - Okta identity provider](https://mockflow.com/docs/admin/sso/enterprise-sso-login-okta-identity-provider): Requirement MockFlow Enterprise license or annual TeamPack license is required for SSO Configuration steps in... - [SSO Setup with Azure identity provider](https://mockflow.com/docs/admin/sso/sso-setup-azure-identity-provider): You should have an active MockFlow Enterprise license or annual TeamPack license to integrate MockFlow with any third-party... - [MockFlow Boards](https://mockflow.com/docs/boards) - [Comments](https://mockflow.com/docs/boards/comments) - [How to make annotated comment ?](https://mockflow.com/docs/boards/comments/make-annotated-comment): Follow the steps below to add annotated comments in MockFlow. Navigate to the MockFlow WireframePro editor and locate the... - [How to Apply the Suggested Design?](https://mockflow.com/docs/boards/comments/to-apply-suggested-design): Discover how to effectively apply a suggested design in MockFlow. Follow our tutorial for implementing feedback and enhancing your design collaboration. - [How to Compare Suggested Design With the Original](https://mockflow.com/docs/boards/comments/to-compare-suggesstions): Learn how to effectively compare a suggested design with the original in MockFlow. Follow our tutorial for insightful design analysis and collaboration in your projects. - [How to Filter Comments by Pages?](https://mockflow.com/docs/boards/comments/to-filter-comments-by-pages): Learn how to efficiently filter comments by pages in MockFlow. Follow our tutorial for seamless navigation and organization of feedback across your design projects. - [How to Reply to a Suggestion?](https://mockflow.com/docs/boards/comments/to-reply-to-suggestion): Learn how to effectively reply to design suggestions in MockFlow. Follow our tutorial for clear communication and collaboration in your design projects. - [How to Resolve a Comment?](https://mockflow.com/docs/boards/comments/to-resolve-comment): Convert design comments into resolved to-do items using the Resolve feature. Follow the steps below to resolve a comment: ... - [How to Show or Hide Annotated Marker?](https://mockflow.com/docs/boards/comments/to-show-or-hide-annotated-marker): Discover how to effectively show or hide annotated markers in MockFlow. Follow our step-by-step guide for easy navigation and understanding in your design projects. - [How to Suggest New Design in comment?](https://mockflow.com/docs/boards/comments/to-suggest-new-design-in-comment): Discover how to effectively suggest a new design within comments using MockFlow. Follow our tutorial for clear, actionable feedback in your design collaboration. - [Components](https://mockflow.com/docs/boards/components) - [Annotation Arrow](https://mockflow.com/docs/boards/components/annotation-arrow-in-ideaboard): Learn how to use the Annotation Arrow component in MockFlow Board to point out important details and improve visual clarity. - [Audio Player](https://mockflow.com/docs/boards/components/audio-player-in-ideaboard): Add audio to your board by uploading files, generating audio with AI, or embedding audio from a URL. Play and control audio directly within your workspace. - [Code Block](https://mockflow.com/docs/boards/components/code-block-in-ideaboard): Use code block to discuss and brainstorm on code snippets within your team using the online whiteboard tool from MockFlow - MockFlow Board. - [Color swatch](https://mockflow.com/docs/boards/components/color-swatch-in-ideaboard): Learn how to use Color Swatches to capture, organize, and document colors while creating moodboards and style guides. Include hex codes to ensure design consistency. - [Customer Journey Mapping](https://mockflow.com/docs/boards/components/customer-journey-map-in-ideaboard): Learn how to create Customer Journey Maps within minutes in MockFlow Board to visualize user interactions, uncover pain points, and brainstorm improvements with your team. - [Design Frame](https://mockflow.com/docs/boards/components/design-frame-in-ideaboard): Learn how to use Design Frames in MockFlow Board to create, organize, and brainstorm design assets on a single whiteboard. Choose from preset sizes, custom dimensions, or AI-generated frames to speed up your workflow. - [Document](https://mockflow.com/docs/boards/components/document-in-ideaboard): Learn how to add & edit documents to your board with MockFlow Board. - [Gantt Chart](https://mockflow.com/docs/boards/components/gantt-chart-in-ideaboard): Learn how to use the Gantt Chart Component in MockFlow Board to plan projects, visualize timelines, track tasks, and collaborate with your team in one whiteboard. - [Maps](https://mockflow.com/docs/boards/components/maps-in-ideaboard): Use the Maps component to add interactive maps to your board and place location pins. Perfect for marketing plans, territory mapping, logistics strategy, and location-based collaboration. - [Markdown Pro](https://mockflow.com/docs/boards/components/markdown-pro-in-ideaboard): Learn how to use the Markdown Component in MockFlow Board to create formatted notes, PRDs, meeting summaries, and technical documentation using Markdown syntax. - [Mind Map](https://mockflow.com/docs/boards/components/mind-map-in-ideaboard): Mindmaps enable you to visually organize thoughts, ideas, and concepts in a structured, tree-like format. It’s perfect for... - [Sticky Note Stack](https://mockflow.com/docs/boards/components/note-stack): Learn how to use the sticky note stack to add multiple sticky notes effortlessly. - [PDF Viewer](https://mockflow.com/docs/boards/components/pdf-viewer-in-ideaboard): Learn how to use the PDF Viewer to add, view, and discuss PDF files directly on your whiteboard. Ideal for reviews, annotations, and design collaboration using MockFlow Board. - [Section](https://mockflow.com/docs/boards/components/section-frame-in-ideaboard): Organize ideas, tasks, and visuals using Sections on your whiteboard. Learn how to create structured workspaces to improve clarity and team collaboration using MockFlow Board. - [Sticky Notes](https://mockflow.com/docs/boards/components/sticky-notes-in-ideaboard): Sticky notes help capture quick ideas, organize thoughts, and visually structure information, making planning and brainstorming... - [Swimlane](https://mockflow.com/docs/boards/components/swimlane-in-ideaboard): Learn how to use the Swimlane Component in MockFlow Board to organize workflows and visualize cross-functional processes. - [Text](https://mockflow.com/docs/boards/components/text-in-ideaboard): Use the Text Component in MockFlow Board to add, edit, and style text on your canvas. - [To-do or Checklist](https://mockflow.com/docs/boards/components/todo-in-ideaboard): Learn how to use the To-Do List component to organize tasks, and track progress directly on your whiteboard for better team collaboration using MockFlow Board. - [Upvote Ideas](https://mockflow.com/docs/boards/components/upvote-ideas-in-ideaboard): Learn how to use the Upvote Component in MockFlow Board to collect ideas, enable team voting, and prioritize features or feedback during brainstorming sessions. - [URL Component](https://mockflow.com/docs/boards/components/url-component-in-ideaboard): Embed clickable web links as visual cards on your whiteboard canvas for better brainstorming and collaboration with MockFlow Board. - [Video Player](https://mockflow.com/docs/boards/components/video-player-in-ideaboard): Add videos to your board by uploading video files or linking external video URLs. The integrated player lets you watch and discuss videos directly on the board. - [Design spaces](https://mockflow.com/docs/boards/design-spaces) - [How to delete a board?](https://mockflow.com/docs/boards/design-spaces/board): Inside the Design space dashboard, locate the MockFlow Board you want to delete. Click the more options icon and... - [Moving boards between spaces](https://mockflow.com/docs/boards/design-spaces/boards-between-spaces): You can move your MockFlow Board from one design space to another in a few steps. Open the design space that contains the... - [Create a public link for your Design Space](https://mockflow.com/docs/boards/design-spaces/public-link-for-design-space): You can share multiple boards (like a collection) at once by creating a shareable public link for the design space. Check out... - [How to duplicate boards?](https://mockflow.com/docs/boards/design-spaces/to-duplicate-boards): Duplicating whiteboards helps you keep the original while trying new ideas. It also saves time by reusing templates for... - [How to restore a board after deleting?](https://mockflow.com/docs/boards/design-spaces/to-restore-board-after-deleting): If you deleted a board by mistake and wanted to get it back, you can restore it from the trash bin within 30 days. All deleted... - [Using Draw Mode in MockFlow Board](https://mockflow.com/docs/boards/draw-mode-in-ideaboard): In MockFlow Board, by default, you are in the cursor mode, where you can drag and drop components onto the canvas. To enter... - [Using the Zoom Options](https://mockflow.com/docs/boards/options-in-ideaboard): MockFlow Board features an infinite canvas, allowing you to add components and expand the board as much as needed. This makes it easy... - [How to use component settings?](https://mockflow.com/docs/boards/settings-in-ideaboard): You can customize components on your board using two toolbars: Quick Toolbar – A compact set of essential editing options like... - [Share and collaborate](https://mockflow.com/docs/boards/sharing) - [How to invite your team to co-edit your board?](https://mockflow.com/docs/boards/sharing/to-invite-team-to-co-edit-board): Assigning the 'Editor' role allows the team members to access and co-edit the board in real-time. To invite, click on the... - [How to invite users to view your MockFlow Board?](https://mockflow.com/docs/boards/sharing/to-invite-users-to-view-ideaboard): Assigning the 'Reviewer' role to a user grants them view-only access to the MockFlow Board, restricting any edits. To invite users... - [How to share your board with a public link?](https://mockflow.com/docs/boards/sharing/to-share-board-with-public-link): You can share your board with anyone by creating a public URL for your board. Follow the steps below to create a shareable link... - [How to track team activity?](https://mockflow.com/docs/boards/sharing/to-track-team-activity): You can track your team member activities on the board using the 'Board Activity' feature. Hover over the MockFlow Board icon (in... - [Templates](https://mockflow.com/docs/boards/templates) - [Using MockFlow Board Templates](https://mockflow.com/docs/boards/templates/ideaboard-templates): By default, all templates for MockFlow Board are without sample content. So, you can directly start using the template once you add... - [MockFlow Board Template Categories](https://mockflow.com/docs/boards/templates/template-categories): Templates are currently available across 9 categories: Brainstorming, Strategy, Planning, Research, Design, Management,... - [How to create a board from template?](https://mockflow.com/docs/boards/templates/to-create-board-from-template): Learn how to create a board from a template using the dashboard, Design Space, or editor. Follow simple steps to select and create your board with ease. - [How to add background in your boards?](https://mockflow.com/docs/boards/to-add-background-in-boards): Give your MockFlow Board a fresh look by changing the background - choose colors, grids, or image backdrops that make your board more... - [Finding Components in MockFlow Board](https://mockflow.com/docs/boards/to-find-components-in-ideaboard): In MockFlow Board, the different components required for all your whiteboarding needs can be found under these 3 options:... - [How to find templates in Ideaboard?](https://mockflow.com/docs/boards/to-find-templates-in-ideaboard): MockFlow Board provides templates to streamline brainstorming and strategizing, allowing you to start quickly without... - [How to rename your board?](https://mockflow.com/docs/boards/to-rename-board): You can rename your MockFlow Board (your board) from the design space dashboard or from the editor. Follow these quick steps... - [How to view layers in Ideaboard?](https://mockflow.com/docs/boards/to-view-layers-in-ideaboard): Layers can be useful to rearrange components to the front or back easily. You can also use the 'Bring to Front' and 'Send to... - [Getting started](https://mockflow.com/docs/getting-started) - [How to create a new board in MockFlow Ideaboard?](https://mockflow.com/docs/getting-started/to-create-board): Follow the steps below to create a MockFlow Board in MockFlow. Log in to your MockFlow account to access your dashboard. To... - [How to export your board?](https://mockflow.com/docs/getting-started/to-export-board): To export your board inside the Ideaboard editor, follow the steps below. Select the elements you want to export from the... - [How to export a section?](https://mockflow.com/docs/getting-started/to-export-section): You can export a section component along with all the content inside it easily using the 'Export section' option. Read on to... - [How to navigate using mini-map in MockFlow Board?](https://mockflow.com/docs/getting-started/to-navigate-using-mini-map-in-ideaboard): A mini-map is a small, scaled-down overview of a larger space, commonly used for navigation. In the MockFlow Board editor,... - [How to share your MockFlow Board with your team?](https://mockflow.com/docs/getting-started/to-share-ideaboard-with-team): You can share your MockFlow Board with your team members to work together in real-time or just for review purposes. For sharing with... - [How to use templates in MockFlow Board?](https://mockflow.com/docs/getting-started/to-use-templates): MockFlow Board offers templates in various categories such as Brainstorming, Strategy, Diagramming, and more. You can... - [Integrations](https://mockflow.com/docs/integrations) - [Microsoft 365 Integration](https://mockflow.com/docs/integrations/365-integration): By integrating Microsoft Word with MockFlow, you can insert your UI design directly into the document at the current cursor... - [Google Drive Integration](https://mockflow.com/docs/integrations/article-item): Integrate Google Drive with MockFlow to seamlessly export your wireframes directly to Google Drive, all without ever leaving the... - [Chrome extension](https://mockflow.com/docs/integrations/chrome-extension) - [How to use MockFlow WireframePro Chrome Extension](https://mockflow.com/docs/integrations/chrome-extension/to-use-mockflow-chrome-extension): Quickly convert webpages into wireframes with the MockFlow WireframePro Chrome extension. This can be very useful when you find... - [Altassian Confluence Integration](https://mockflow.com/docs/integrations/confluence-integration): By integrating MockFlow with Atlassian Confluence, you can easily incorporate UI designs into your Confluence wiki, enhancing... - [Google Docs Integration](https://mockflow.com/docs/integrations/docs-integration): With the Google Docs and MockFlow integration, you can add your finished designs right at the cursor's current location in your... - [MockFlow AnnotatePro for Atlassian Jira](https://mockflow.com/docs/integrations/for-atlassian-jira): Annotate images and attach to your Jira issues directly using MockFlow AnnotatePro for Jira. - [Slack Integration](https://mockflow.com/docs/integrations/integration): Integrating Slack with MockFlow allows you to seamlessly attach your UI designs directly to your conversations. In the MockFlow... - [Atlassian Jira Integration](https://mockflow.com/docs/integrations/jira-integration): Integrating MockFlow with Atlassian Jira allows you to attach UI designs to Jira tasks as live documents or images. In the... - [MCP](https://mockflow.com/docs/integrations/mcp) - [Getting Started with MockFlow WireframePro MCP Server](https://mockflow.com/docs/integrations/mcp/started-with-mockflow-wireframepro-mcp-server): The MockFlow WireframePro MCP (Model Context Protocol) Server connects your AI tools directly to MockFlow WireframePro, enabling... - [How to setup MockFlow WireframePro MCP Server for Claude Code?](https://mockflow.com/docs/integrations/mcp/to-setup-mockflow-wireframepro-mcp-server): You can connect the WireframePro MCP Server to Cursor using either the MockFlow Desktop App or the CLI Web MCP. Method 1:... - [How to setup MockFlow WireframePro MCP Server for VS Code?](https://mockflow.com/docs/integrations/mcp/to-setup-mockflow-wireframepro-mcp-server-for-vs): You can connect the WireframePro MCP Server to VS Code using either the MockFlow Desktop App or the CLI Web MCP. Method 1:... - [MS Teams Integration](https://mockflow.com/docs/integrations/teams-integration): Integrate MS Teams with MockFlow to draw and share UI ideas directly within your MS Teams channel. Within the MockFlow... - [Mida AI](https://mockflow.com/docs/mida) - [Get Design feedback with AI](https://mockflow.com/docs/mida/ai-design-feedback): MockFlow's Design Review AI offers a new way to automatically analyze and review your UI designs and get a first hand feedback... - [Generate Color Palette with AI](https://mockflow.com/docs/mida/colors-with-ai): If you were switching to third-party apps to brainstorm on the perfect color palette for your UI design, this feature is a... - [Generate Data Table with AI](https://mockflow.com/docs/mida/data-table-with-ai): With AI, you can now generate native data grid components with real data inside your wireframe with just a click. So, whether... - [Generate Wireframe from text using AI](https://mockflow.com/docs/mida/design-text-to-wireframe): Learn how to use the text to wireframe feature in MockFlow AI design to create editable wireframes for your website, web app, mobile app UI. - [Build Your Own Components with AI](https://mockflow.com/docs/mida/own-components-with-ai): In MockFlow, BYOC stands for 'Build Your Own Components'. BYOC stands for "Build Your Own Component". It is essentially a... - [Convert Screenshot to Wireframe with AI](https://mockflow.com/docs/mida/screenshot-to-wireframe-with-ai): Instantly convert your screenshots into wireframes with MockFlow's Screenshot to Wireframe AI feature. Just follow the steps... - [Create Like this - with AI](https://mockflow.com/docs/mida/to-use-create-like-this-feature): Learn how to use “Create Like This” in MockFlow WireframePro to generate new wireframes from existing screens with consistent layout and visual style using MIDA. - [Convert URL to editable Wireframe](https://mockflow.com/docs/mida/url-to-wireframe-with-ai): MockFlow's "URL to Wireframe" feature converts any existing website layout to an editable wireframe in a click. This is... - [Convert Whiteboard drawings to editable Wireframe](https://mockflow.com/docs/mida/whiteboard-to-wireframe-with-ai): Just finished sketching your wireframe on a whiteboard? Simply snap a photo and convert it to an editable wireframe instantly... - [Generate Image for your wireframes with AI](https://mockflow.com/docs/mida/wireframe-images-with-ai): By giving the prompt and choosing the image style, you can generate images easily for your wireframes. The following are the... - [Generate Text for your wireframes with AI](https://mockflow.com/docs/mida/wireframe-text-with-ai): With Generate Text with AI feature, you can generate text for your UI designs with ease with a single prompt. The following are... - [Troubleshooting](https://mockflow.com/docs/troubleshooting) - [About MockFlow](https://mockflow.com/docs/troubleshooting/about): MockFlow is a complete brainstorming platform that helps you bring ideas to life visually, fast and effortlessly. It includes a... - [On customer support](https://mockflow.com/docs/troubleshooting/about-customer-support): One of the goals of MockFlow is to provide an intuitive user experience that makes the application as easy to use as possible... - [About service uptime](https://mockflow.com/docs/troubleshooting/about-service-uptime): MockFlow is managed by an advanced multi-node geographical setup with load-balancing, CDN, and hot data backups. In case of any... - [Cookie policy](https://mockflow.com/docs/troubleshooting/cookie-policy): MockFlow uses cookies for remembering authentication details (remember me). They are used as per terms aligned with our privacy... - [Is MockFlow blocked in my country or company ?](https://mockflow.com/docs/troubleshooting/is-mockflow-blocked-in-country): Our servers are located with a CDN setup. If you are unable to access MockFlow then it could be due to the following... - [Is MockFlow GDPR compliant ?](https://mockflow.com/docs/troubleshooting/is-mockflow-gdpr-compliant): Yes, MockFlow is GDPR compliant. To address the rules set by General Data Protection Regulation (GDPR), we made updates to our... - [How to share projects in MockFlow](https://mockflow.com/docs/troubleshooting/share-projects): Check out how to share projects in MockFlow for easier collaboration - [Supported browsers and other requirements](https://mockflow.com/docs/troubleshooting/supported-browsers-and-other-requirements): MockFlow is quality and performance tested to support the following browsers and hardware requirements Other than the above... - [How to upgrade my MockFlow account?](https://mockflow.com/docs/troubleshooting/upgrade-free-mockflow-account): If you have signed up for MockFlow's free basic plan. You can upgrade your account anytime for more features.  MockFlow... - [Where is my data stored and how secure it is?](https://mockflow.com/docs/troubleshooting/where-is-data-and-how-secure): All the data is securely hosted using SOC-2 compliant world-class Amazon Web Services. We take in very few private information... - [Video tutorials](https://mockflow.com/docs/videos) - [Archive projects - Video Tutorial](https://mockflow.com/docs/videos/archive-projects-video-tutorial): - [Backup projects - Video Tutorial](https://mockflow.com/docs/videos/backup-projects-video-tutorial): - [Component linking and interactions - Video Tutorial](https://mockflow.com/docs/videos/component-linking-and-interactions-video): - [Export UI Drawings - Video Tutorial](https://mockflow.com/docs/videos/export-ui-drawings-video-tutorial): - [Merge account and project data - Video Tutorial](https://mockflow.com/docs/videos/merge-account-and-project-data-video-tutorial): - [Project copy to another user - Video Tutorial](https://mockflow.com/docs/videos/project-copy-to-another-user-video-tutorial): - [Revision history of pages - Video Tutorial](https://mockflow.com/docs/videos/revision-history-of-pages-video-tutorial): - [Saved components - Video Tutorial](https://mockflow.com/docs/videos/saved-components-video-tutorial): - [Single-Sign-On (SSO) setup - Video Tutorial](https://mockflow.com/docs/videos/single-sign-on-sso-setup-video-tutorial): - [Specs mode - Video Tutorial](https://mockflow.com/docs/videos/specs-mode-video-tutorial): - [WireframePro - Getting started video tutorial](https://mockflow.com/docs/videos/wireframepro-getting-started-video-tutorial): Getting Started - WireframePro - [WireframePro - Google Docs add-on tutorial](https://mockflow.com/docs/videos/wireframepro-google-docs-add-on-tutorial): Google docs integration - [WireframePro - Google Drive app tutorial](https://mockflow.com/docs/videos/wireframepro-google-drive-app-tutorial): Google drive integration - [WireframePro - Page management video tutorial](https://mockflow.com/docs/videos/wireframepro-page-management-video-tutorial): Page Management - [WireframePro - Review mode video tutorial](https://mockflow.com/docs/videos/wireframepro-review-mode-video-tutorial): Review mode in WireframePro - [Sharing projects - Video Tutorial](https://mockflow.com/docs/videos/wireframepro-sharing-projects-video-tutorial): - [WireframePro - Trello Power-Up video tutorial](https://mockflow.com/docs/videos/wireframepro-trello-power-up-tutorial): Trello integration - [UI Packs - Video Tutorial](https://mockflow.com/docs/videos/wireframepro-ui-packs-video-tutorial): - [WireframePro](https://mockflow.com/docs/wireframepro) - [Build mode](https://mockflow.com/docs/wireframepro/build-mode) - [What are the Supported Frameworks in Build mode?](https://mockflow.com/docs/wireframepro/build-mode/frameworks-in-build-mode): MockFlow’s Build mode allows you to instantly convert your wireframe designs into frontend code and platform-specific SDKs. This... - [What is Build mode in MockFlow?](https://mockflow.com/docs/wireframepro/build-mode/is-build-mode): Build Mode is a powerful new feature in MockFlow WireframePro that bridges the gap between design and development by converting... - [How to Access Build Mode?](https://mockflow.com/docs/wireframepro/build-mode/to-access-build-mode): The Build Mode can be accessed inside MockFlow using the following steps below Log in to your MockFlow Account, and you can... - [How to Convert a Full Wireframe Page into Code?](https://mockflow.com/docs/wireframepro/build-mode/to-convert-wireframe-page-into-code): Turn your full-page Wireframes into ready-to-use to use frontend code instantly using MockFlow's Build Mode. Follow these... - [How to Export Front-End Code from a Wireframe?](https://mockflow.com/docs/wireframepro/build-mode/to-export-front-end-code-from-wireframe): After converting a section of your wireframe or an entire page to code using the build mode, you can export or download the code... - [How to Get Frontend Code for a Wireframe Section?](https://mockflow.com/docs/wireframepro/build-mode/to-get-frontend-code-for-wireframe-section): Turn the selected part of your wireframe into ready-to-use frontend code instantly with MockFlow's Build Mode. It generates code... - [How to Preview the Generated Frontend Code in Build mode?](https://mockflow.com/docs/wireframepro/build-mode/to-preview-generated-frontend-code): MockFlow provides two options to preview the generated frontend code, Use the ‘Preview’ option in the top right corner to view... - [Editor](https://mockflow.com/docs/wireframepro/editor) - [About MockFlow WireframePro](https://mockflow.com/docs/wireframepro/editor/about): WireframePro helps to visualize your wireframing and user interface ideas, allowing you to brainstorm UI concepts with your team... - [About BYOC](https://mockflow.com/docs/wireframepro/editor/about-byoc): BYOC stands for "Build Your Own Component". It is essentially a component by itself that allows for creating new elements from... - [How to add custom fonts to WireframePro ?](https://mockflow.com/docs/wireframepro/editor/add-custom-fonts-to-wireframepro): MockFlow WireframePro provides several built-in fonts specially chosen for UI typography and also integrates Google Fonts... - [Difference between MockFlow Web-Based Editor and MockFlow Offline Editor](https://mockflow.com/docs/wireframepro/editor/between-mockflow-web-based-editor-and-mockflow): The MockFlow Offline editor provides most of the features that are available in the MockFlow web app, along with improved... - [How can I change default font family in WireframePro?](https://mockflow.com/docs/wireframepro/editor/change-default-font-in-wireframepro): To change the font family of a component, follow the below steps: Select any component that has text like Button, Label,... - [Change page background color / transparent](https://mockflow.com/docs/wireframepro/editor/change-page-background-color-transparent): The default project background color of MockFlow WireframePro is white. However, the background color can be set before the... - [How can I check-in revision of an entire project ?](https://mockflow.com/docs/wireframepro/editor/check-in-revision-of-entire-project): Revision history in WireframePro is page level. For each page, revisions are auto-created or checked-in based on the changes... - [How to create Master pages in editor?](https://mockflow.com/docs/wireframepro/editor/create-master-pages-in-editor): Master pages help to reuse the same content across different pages of a project.  Use Cases - Master page for common header of a... - [How to create specifications in wireframe and export it?](https://mockflow.com/docs/wireframepro/editor/create-specifications-in-wireframe-and-export): There are multiple ways to create specifications in MockFlow WireframePro - Like using Annotated Comments to add details for the... - [How to do freehand drawing in editor ?](https://mockflow.com/docs/wireframepro/editor/do-freehand-drawing-in-editor): Apart from ready made components, the user can also draw freehand in the page canvas by enabling draw mode. The following... - [How to edit multiple components at once?](https://mockflow.com/docs/wireframepro/editor/edit-multiple-components-at-once): For example, to change the font family of multiple text components, first select the components in the editor. Then, from the... - [Supported Embeds in MockFlow](https://mockflow.com/docs/wireframepro/editor/embeds): Pitch Embed Pitch presentations into MockFlow by following this help article. WowTo Embed support videos created with WowTo... - [Expand / Collapse all pages in sitemap](https://mockflow.com/docs/wireframepro/editor/expand-collapse-all-pages-in-sitemap): Page tree - expand/collapse all pages. It is available in editor and review mode. Click Expand/Collapse Sitemap to show parent... - [How to export my wireframe project?](https://mockflow.com/docs/wireframepro/editor/export-wireframe-project): Wireframe projects in MockFlow can be exported in various formats, including images, PDF, PowerPoint, MS Word, and offline... - [Exported wireframe images includes lot of white space. How to fix it?](https://mockflow.com/docs/wireframepro/editor/exported-wireframe-images-includes-lot-of-white): This issue usually occurs when the wireframe has extra components in the page that are not clearly visible to the user. For... - [How to generate design specifications ?](https://mockflow.com/docs/wireframepro/editor/generate-design-specifications): Generate pixel-perfect specifications and CSS code for any component used in the wireframe. 'Specs' simplifies design... - [Alignment guides in Wireframing Editor](https://mockflow.com/docs/wireframepro/editor/guides-in-wireframing-editor): Alignment guides in wireframing ensure consistency and precision by helping position text, images, and objects evenly across the... - [DataGrid/Table component inside MockFlow](https://mockflow.com/docs/wireframepro/editor/help-on-datagrid-table-component): The basic DataGrid or DataTable component inside MockFlow helps to quickly create rows and columns of data with shortcuts. The... - [How to copy paste components between wireframe projects?](https://mockflow.com/docs/wireframepro/editor/how-copy-paste-between-wireframe-projects): Use Keyboard shortcuts (Ctrl+C to Copy and Ctrl+V to Paste) to directly copy-paste wireframes between projects opened in... - [Icons in WireframePro](https://mockflow.com/docs/wireframepro/editor/icons-in-wireframepro): There are several ways to get icons in the MockFlow WireframePro editor. Let's explore them one by one: Font icons The common /... - [Image management - Upload, edit or delete images](https://mockflow.com/docs/wireframepro/editor/image-management-upload-edit-or-delete-images): This article describes all features of image management in MockFlow WireframePro Upload Image Delete Image Copy Image Edit... - [WireframePro keyboard shortcuts](https://mockflow.com/docs/wireframepro/editor/keyboard-shortcuts): MockFlow WireframePro supports the following keyboard shortcuts. Certain shortcuts might not work in certain browsers due to... - [Lost Data? Read how-to recover lost wireframe changes](https://mockflow.com/docs/wireframepro/editor/lost-data-read-how-to-recover-lost-wireframe): To save changes in MockFlow, the user needs to click the  'Save' button from the top menu or the 'Save Changes' button that... - [Mini Mode in MockFlow WirframePro](https://mockflow.com/docs/wireframepro/editor/mode): Discover how Mini Mode enhances WireframePro by maximizing canvas space and simplifying tool access. - [Copy Paste Style of your Components](https://mockflow.com/docs/wireframepro/editor/paste-styles): Copy styles from one component and effortlessly paste them into another or multiple components. This will save you valuable time... - [Revision history for projects](https://mockflow.com/docs/wireframepro/editor/revision-history-for-projects): MockFlow has built-in revision history or version history feature for tracking and managing each page's changes in a... - [Saving in MockFlow editor](https://mockflow.com/docs/wireframepro/editor/saving-in-mockflow-editor): To save changes made to a project, the user has to press the ' Save' button from the top menu. While the purpose is to prevent... - [How to set a specific page size ?](https://mockflow.com/docs/wireframepro/editor/set-specific-page-size): By default, the page canvas in MockFlow WireframePro has auto-size. Which means the page automatically increases or decreases... - [Snap to Grid in Wireframe editor](https://mockflow.com/docs/wireframepro/editor/snap-to-grid-in-wireframe-editor): By default, when you move components in the Wireframe editor, it does not snap-to-grid. However, if you want to snap components... - [Style components with CSS](https://mockflow.com/docs/wireframepro/editor/style-components-with-css): In addition to using the point-and-click settings panel for styling components in the Wireframe editor, also CSS code can be... - [How to Add Annotations in Wireframe?](https://mockflow.com/docs/wireframepro/editor/to-add-annotations-in-wireframe): Learn how to add annotations in wireframes using MockFlow WireframePro to enhance design clarity and communication. - [How to create project public link from editor?](https://mockflow.com/docs/wireframepro/editor/to-create-project-public-link-from-editor): You can share a project using a public link, allowing anyone to view it in view mode. Follow the steps below to create a public... - [How to create my wireframe project with AI?](https://mockflow.com/docs/wireframepro/editor/to-create-wireframe-project-with-ai): AI-powered wireframe generation speeds up design workflows, enabling quick ideation and effortless prototyping. Follow the steps... - [How to Enable Dark Mode in MockFlow?](https://mockflow.com/docs/wireframepro/editor/to-enable-dark-mode): Seamlessly toggle between light and dark mode in MockFlow for a more comfortable design experience. The new dark mode is... - [How to enable enable quick settings toolbar?](https://mockflow.com/docs/wireframepro/editor/to-enable-enable-quick-settings-toolbar): Learn how to enable the Quick Settings Toolbar in MockFlow WireframePro to streamline your design workflow. - [How to hide certain pages in review mode](https://mockflow.com/docs/wireframepro/editor/to-hide-certain-pages-in-review-mode): There might be a necessity to hide certain pages in Review Mode like UnFinished Pages, Master Pages, Confidential work...  Note... - [How to set gridlines in editor?](https://mockflow.com/docs/wireframepro/editor/to-set-gridlines-in-editor): Turning on grid settings is key to creating clean, well-aligned wireframes. Follow the steps below to access your grid... - [How to share the project from editor?](https://mockflow.com/docs/wireframepro/editor/to-share-project-from-editor): The project can be shared from inside the editor by following the steps below. In the MockFlow WireframePro editor, click on... - [How to Switch Between Projects Using the Unity Sidebar](https://mockflow.com/docs/wireframepro/editor/to-switch-between-projects-using-unity-sidebar): The Unity Sidebar allows seamless project switching within the editor, improving workflow efficiency and accessibility. Follow... - [How to track project activities inside MockFlow?](https://mockflow.com/docs/wireframepro/editor/to-track-project-activities-inside): Easily track every modification to your wireframe designs, including who made the change, when it was made, ensuring... - [How to use Minimap in WireframePro?](https://mockflow.com/docs/wireframepro/editor/to-use-minimap-in-wireframepro): The Minimap in wireframing provides a quick, zoomed-out view of the entire design, making navigation seamless. To access the... - [Trello Power-Up Integration help](https://mockflow.com/docs/wireframepro/editor/trello-power-up-integration-help): With the MockFlow WireframePro Power-Up for Trello, You can quickly draw User Interface mockups for websites, apps and attach it... - [How to view layers in WireframePro editor?](https://mockflow.com/docs/wireframepro/editor/view-layers-in-wireframepro-editor): MockFlow WireframePro editor provides an intuitive way to navigate layers in a wireframe drawing. Learn how to rearrange, show,... - [My wireframe page does not resize / enlarge ?](https://mockflow.com/docs/wireframepro/editor/wireframe-page-does-not-resize-enlarge): The MockFlow Wireframe editor automatically resizes the page as components are dragged near the edges of the page.   Note: Very... - [How to zoom pages in editor?](https://mockflow.com/docs/wireframepro/editor/zoom-pages-in-editor): Keyboard shortcuts: Cmd+ to increase zoom. Cmd- to decrease the zoom. Cmd0 to reset Zoom. Available in editor and review... - [UI Flows](https://mockflow.com/docs/wireframepro/flows) - [Different Flowcharts You Can Create Using MockFlow](https://mockflow.com/docs/wireframepro/flows/flowcharts-can-create-using-mockflow-flowchart): With MockFlow Flow Mode, you can create four different Flowcharts. User Flow Diagrams Cloud Architect Diagrams Process... - [What is Reset Connector Path?](https://mockflow.com/docs/wireframepro/flows/is-reset-connector-path): If you've altered the arrow connector path and wish to revert to the original configuration, utilize the 'Reset Connector Path'... - [How to Add Icons to Your Flowchart in Flows?](https://mockflow.com/docs/wireframepro/flows/to-add-icons-to-flowchart-in-flows): MockFlow WieframePro offers a diverse collection of icons across multiple categories. Follow these simple steps to add icons to... - [How to Animate Your Arrows?](https://mockflow.com/docs/wireframepro/flows/to-animate-arrows): Follow these steps to animate arrows in the MockFlow WireframePro. Connect the shapes by switching them to Flow Mode and choose... - [How to Create a Flowchart Using AI?](https://mockflow.com/docs/wireframepro/flows/to-create-flow-chart-with-ai): Effortlessly create dynamic flowcharts empowered with AI using MockFlow WireframePro. Note - AI-powered flowchart generation in... - [How To Enable Flow Mode?](https://mockflow.com/docs/wireframepro/flows/to-enable-flow-mode): To enable Flow Mode within the MockFlow WirefrmaePro editor, follow these simple steps. Log in to your MockFlow account to... - [How to Style Shapes in Flows?](https://mockflow.com/docs/wireframepro/flows/to-style-shapes-in-flows): Enhancing the aesthetic appeal of flowcharts is achievable through strategically applying styles to the shapes within them.... - [Different Types of Flow Chart Shapes and What They Mean](https://mockflow.com/docs/wireframepro/flows/types-of-flow-chart-shapes-and-what-they-mean): Flowchart shapes Flowcharts utilize a variety of shapes to represent different elements and actions within a process. Here... - [Desktop and offline](https://mockflow.com/docs/wireframepro/offline) - [Convert offline .wire file to cloud project](https://mockflow.com/docs/wireframepro/offline/convert-offline-wire-file-to-cloud-project): There might be various reasons to convert your offline .wire file created with the WireframePro desktop app to a cloud project.... - [Differences between MockFlow's web and desktop apps](https://mockflow.com/docs/wireframepro/offline/differences-between-mockflows-web-and-desktop): The desktop app is basically an extension of the web app that provides all online features plus improved performance, native... - [Export cloud projects to offline .wire file](https://mockflow.com/docs/wireframepro/offline/export-cloud-projects-to-wire-file): If you want to take your cloud wireframe projects fully offline and use them with the offline file mode available in MockFlow... - [How WireframePro for Mac AppStore is different?](https://mockflow.com/docs/wireframepro/offline/how-wireframepro-for-mac-appstore-is-different): WireframePro for Mac AppStore is a fully offline standalone desktop app with a perpetual license. Although this version brings... - [How to update MockFlow desktop](https://mockflow.com/docs/wireframepro/offline/unable-to-update-mockflow-desktop): MockFlow Desktop automatically updates in the background silently, like Google Chrome. When the application is reopened, the... - [Powerups](https://mockflow.com/docs/wireframepro/powerups) - [Spell Checker Power Up](https://mockflow.com/docs/wireframepro/powerups/checker-powerup): Learn how to install and use the Spell Checker Powerup in MockFlow WireframePro - [Dummy Data Generator Power Up](https://mockflow.com/docs/wireframepro/powerups/data-generator-powerup): Learn how to easily generate dummy data for your wireframes using the Dummy Data Generator Power up in MockFlow WireframePro - [Google Drive power up](https://mockflow.com/docs/wireframepro/powerups/drive-powerup): Learn how to easily access assets directly from Google Drive or export projects to Gdrive, in MockFlow WireframePro. - [Todo list power up](https://mockflow.com/docs/wireframepro/powerups/list-powerup): Learn how to add checklists to your wireframes with the Todo List Powerup in MockFlow WireframePro. - [Notes power up](https://mockflow.com/docs/wireframepro/powerups/powerup): Learn how to add Notes to your wireframe using the notes powerup in MockFlow WireframePro - [Prototyping](https://mockflow.com/docs/wireframepro/prototyping) - [What is a Primary Container in MockFlow WireframePro?](https://mockflow.com/docs/wireframepro/prototyping/is-primary-container): A Primary Container in MockFlow WireframePro is a designated group or section of components that acts as the main visible area... - [How to add effects to interactions?](https://mockflow.com/docs/wireframepro/prototyping/to-add-effects-to-interactions): For every interaction, you can choose to add an effect to enhance the interactivity. Effects can be added to these four... - [How to add an interaction to your wireframe?](https://mockflow.com/docs/wireframepro/prototyping/to-add-interaction-to-wireframe): Adding interactions to your wireframe helps you create simple prototypes quickly and demonstrate or test user flow to a certain... - [How to add page navigation using interactions?](https://mockflow.com/docs/wireframepro/prototyping/to-add-page-navigation-using-interactions): Adding page navigation interactions transforms static wireframes into clickable prototypes, making it easier to simulate real... - [How to add scroll to component interaction in your wireframe?](https://mockflow.com/docs/wireframepro/prototyping/to-add-scroll-to-component-effect-in-wireframe): Scrolling to a specific section within a wireframe page on an action like mouse click can be achieved using the 'Scroll to... - [How to use show component and hide component in interactions?](https://mockflow.com/docs/wireframepro/prototyping/to-use-show-component-and-hide-component): Use Show and Hide interactions to control the visibility of components during prototyping. Ideal for elements like sidebars,... - [How to use Toggle Component visibility?](https://mockflow.com/docs/wireframepro/prototyping/to-use-toggle-component-visibility): If you want to create a toggle effect when a user clicks on a menu item, a list of options appears. Clicking the same menu item... - [Sharing](https://mockflow.com/docs/wireframepro/sharing) - [About real-time collaboration](https://mockflow.com/docs/wireframepro/sharing/about-real-time-collaboration): Real-time collaboration in MockFlow WireframePro allows Reviewers to view updates to a wireframe project instantly, without... - [Generate public URL or share link for my wireframe project](https://mockflow.com/docs/wireframepro/sharing/generate-public-url-for-wireframe-project): Optionally public access can be granted to any Wireframe Project. Public access lets anyone who knows the uniquely generated URL... - [About team chat in MockFlow WireframePro](https://mockflow.com/docs/wireframepro/sharing/is-there-chat-available-in-wireframepro): Project members can easily do group discussions inside the MockFlow WireframePro editor using the Team Chat feature. To chat,... - [How to share URL for a specific page in WireframePro project?](https://mockflow.com/docs/wireframepro/sharing/share-url-for-specific-page-in-wireframepro): To share the URL of a specific page in a WireframePro project, follow the steps below: Create a public URL for the entire... - [Sharing QR code for projects](https://mockflow.com/docs/wireframepro/sharing/sharing-qr-code-for-projects): Click on a project. Click 'Create link' to generate a public URL. Copy and paste the line in your browser tab. Click... - [Real-Time Call Alerts for Video Meetings in MockFlow](https://mockflow.com/docs/wireframepro/sharing/time-call-alerts-for-video-meetings): MockFlow now offers real-time call alerts for in-design video meetings, keeping your team informed and preventing missed calls.... - [Video Conferencing](https://mockflow.com/docs/wireframepro/sharing/video-conferencing): How to activate Video Conferencing? Click the 'Meeting' icon at the top, then select 'Start Meeting.' Then, click on 'Ok'... - [SiteMap](https://mockflow.com/docs/wireframepro/sitemap) - [About SiteMap](https://mockflow.com/docs/wireframepro/sitemap/about-sitemap): The SiteMap tool in the MockFlow design suite allows designers to visually plan their information architecture and also create... - [How to add notes to SiteMap nodes ?](https://mockflow.com/docs/wireframepro/sitemap/add-notes-to-sitemap-nodes): Users can quickly jot down notes for a page node using the sidebar. Notes are automatically saved and only support plain... - [How to add or delete nodes in SiteMap ?](https://mockflow.com/docs/wireframepro/sitemap/add-or-delete-nodes-in-sitemap): Nodes can be added or deleted by following the below screenshot. To add or delete using keyboard use the following shortcut... - [How to add thumbnails to SiteMap nodes ?](https://mockflow.com/docs/wireframepro/sitemap/add-thumbnails-to-sitemap-nodes): Thumbnails visually represent nodes in user interface flows. SiteMap app provides hundreds of popular layouts for web and mobile... - [How to attach files to a node in SiteMap ?](https://mockflow.com/docs/wireframepro/sitemap/attach-files-to-node-in-sitemap): Each node in a SiteMap might represent a page in a website or a screen of a mobile app. Therefore it is important that designers... - [How to change Node status ?](https://mockflow.com/docs/wireframepro/sitemap/change-node-status): Node status allows for quickly denoting the status of a page in the SiteMap. This helps developers to communicate with designers... - [How to change SiteMap theme?](https://mockflow.com/docs/wireframepro/sitemap/change-sitemap-theme): Instantly change the look and feel of your sitemap design using themes by following the steps below: Click on the 'Themes' icon... - [How to create shareable preview links to your SiteMap project?](https://mockflow.com/docs/wireframepro/sitemap/create-shareable-preview-links-to-sitemap): Generate preview links to your SiteMap project and share the link with your viewers. Any updates to the SiteMap can be seen in... - [How to customize styling of specific nodes in SiteMap ?](https://mockflow.com/docs/wireframepro/sitemap/customize-styling-of-specific-nodes-in-sitemap): Styling of specific nodes in a SiteMap can be customized in background color and font color. This will be useful in cases when... - [How to export or download your SiteMap design ?](https://mockflow.com/docs/wireframepro/sitemap/export-or-download-sitemap-design): There are multiple ways to export your SiteMap design: Image - Hi-res PNG format Image - Transparent PNG format XML - Google... - [How to rename node and edit node details ?](https://mockflow.com/docs/wireframepro/sitemap/rename-node-and-edit-node-details): To rename a node, double-click on the node to edit its text.  It can also be edited by bringing up its sidebar, which provides... - [How to view SiteMap project activity ?](https://mockflow.com/docs/wireframepro/sitemap/view-sitemap-project-activity): The SiteMap app logs all user activity in the project. It is listed with details on who has done what change and when, in the... - [How to zoom the SiteMap ?](https://mockflow.com/docs/wireframepro/sitemap/zoom-sitemap): SiteMap can be scaled using the zoom settings, which is always present in the left end of the project. Using the following... - [Symbols](https://mockflow.com/docs/wireframepro/symbols) - [Reset instance in Symbols](https://mockflow.com/docs/wireframepro/symbols/instance-in-symbols): If you have edited the symbol instance by using the 'Edit Instance' option or by double-clicking on the instance, you can go... - [Edit Symbols](https://mockflow.com/docs/wireframepro/symbols/symbols): If you want to edit symbols, you can edit the selected symbol and choose to apply the changes to all symbols or just the edited... - [UI packs and MockStore](https://mockflow.com/docs/wireframepro/ui-packs) - [Merge across multiple UI packs](https://mockflow.com/docs/wireframepro/ui-packs/bundle-multiple-ui-packs-into-one-for-easier): Switching between different component packs while wireframing might become inconvenient sometimes, especially when the user does... - [Component Packs](https://mockflow.com/docs/wireframepro/ui-packs/component-categories): MockFlow WireframePro organizes its huge number of components into different categories called packs. By default WireframePro... - [How to create and share 'Custom component packs' ?](https://mockflow.com/docs/wireframepro/ui-packs/create-and-share-custom-component-packs): Just like the default UI packs available for iPhone, Android, Web, etc.  Designers can create custom packs and add their own... - [How to edit and sort components in custom UI packs ?](https://mockflow.com/docs/wireframepro/ui-packs/edit-and-sort-components-in-custom-ui-packs): This article shows how to edit details and sort components in custom UI packs created by users of TeamPack and Business... - [MockStore: Templates and UI Kits Library](https://mockflow.com/docs/wireframepro/ui-packs/mockstore-community-library-for-components): MockStore is a curated library of user interface templates and UI packs for WireframePro to bring your ideas to design faster.... - [UX documentation](https://mockflow.com/docs/wireframepro/ux-documentation) - [How to Create a UX Docs Using AI?](https://mockflow.com/docs/wireframepro/ux-documentation/to-create-ux-docs-using-ai): Creating UX docs with AI saves time and effort when you want a specific document structure like a Project requirement document,... - [How to create UX Document for your wireframe?](https://mockflow.com/docs/wireframepro/ux-documentation/to-create-ux-document-for-wireframe): Learn how to create comprehensive UX documentation for your wireframe in MockFlow. Follow our step-by-step guide to enhance your design process and deliver a seamless user experience. - [How to enhance your UX Docs?](https://mockflow.com/docs/wireframepro/ux-documentation/to-enhance-ux-docs): Discover how to enhance your UX documentation in MockFlow with structured tables, high-quality images, and vidoes. Improve clarity and collaboration in your design process effortlessly. - [How to add a link to a wireframe component in UX docs?](https://mockflow.com/docs/wireframepro/ux-documentation/to-link-wireframe-component-in-ux-docs): In UX documentation, whether you are detailing on the specs of a UI section or referring to a specific component, you can link... - [How to Share UX Doc Using a Link?](https://mockflow.com/docs/wireframepro/ux-documentation/to-share-ux-doc-using-link): Learn how to share your UX documentation easily with a link, in MockFlow. - [How to Share your UX Document?](https://mockflow.com/docs/wireframepro/ux-documentation/to-share-ux-document): Discover how to effectively share your UX document using MockFlow. Follow our step-by-step guide to streamline collaboration and ensure clarity in your design projects. - [How to use UX Documents templates to create your own?](https://mockflow.com/docs/wireframepro/ux-documentation/to-use-ux-documents-templates-to-create-own): Learn how to efficiently use UX document templates in MockFlow to create your own documentation. Follow our guide for a streamlined design process and project consistency. - [Navigating UX document](https://mockflow.com/docs/wireframepro/ux-documentation/ux-document): Navigating UX document is easy with the table of contents feature, especially for long documentation. Follow the steps below to...