# MockFlow vs Pencil Project

**Leader by Vioscale score:** MockFlow

| Attribute | MockFlow | Pencil Project |
|---|---|---|
| **Vioscale score** | 74 (55% (medium)) | 34.6 (8% (low)) |
| deployment.options | `{"cloud":true,"hybrid":true}` | - |
| description.long | A cloud-based design and brainstorming platform enabling teams to create wireframes, flowcharts, user flows, and architectural diagrams with integrated AI assistance. Features production code export via Build mode, 20+ business tool integrations, offline desktop apps, and real-time team collaboration. | A freely available desktop tool for creating wireframes and mockups with built-in templates for web, mobile, and desktop user interfaces. Includes diagram drawing, interactive prototyping, and multi-format export capabilities. |
| features.capabilities | `{"iso_27001":true,"soc2_type_ii":true,"pricing_model":"per_editor_seat_monthly","architecture_model":"managed_cloud_saas_browser","offline_editing_mode":true,"real_time_multiplayer_crdt_cursor_sync":true,"export_to_high_fidelity_tools_figma_sketch":true,"confluence_and_jira_native_iframe_embedding":true,"drag_and_drop_click_through_user_flow_linking":true,"pre_built_ios_android_web_ui_component_library":true,"enforced_low_fidelity_sketch_rendering_aesthetic":false,"ai_generation_from_text_prompts_or_napkin_sketches":true}` | `{"architecture_model":"desktop_local_application","offline_editing_mode":true,"drag_and_drop_click_through_user_flow_linking":true,"pre_built_ios_android_web_ui_component_library":true}` |
| integrations.count | 32 | 1 |
| integrations.list | `[{"name":"Slack","native":true,"category":"communication","direction":"bidirectional"},{"name":"Microsoft Teams","native":true,"category":"communication","direction":"bidirectional"},{"name":"Gmail","native":true,"category":"communication","direction":"inbound"},{"name":"Outlook","native":true,"category":"communication","direction":"inbound"},{"name":"Office 365","native":true,"category":"productivity","direction":"bidirectional"},{"name":"Jira","native":true,"category":"project_management","direction":"bidirectional"},{"name":"Confluence","native":true,"category":"project_management","direction":"bidirectional"},{"name":"Trello","native":true,"category":"project_management","direction":"bidirectional"},{"name":"Linear","native":true,"category":"project_management","direction":"bidirectional"},{"name":"Asana","native":true,"category":"project_management","direction":"bidirectional"},{"name":"Notion","native":true,"category":"documentation","direction":"inbound"},{"name":"Google Drive","native":true,"category":"documentation","direction":"bidirectional"},{"name":"Google Docs","native":true,"category":"documentation","direction":"inbound"},{"name":"Google Sheets","native":true,"category":"documentation","direction":"inbound"},{"name":"Airtable","native":true,"category":"documentation","direction":"inbound"},{"name":"GitHub","native":true,"category":"development","direction":"inbound"},{"name":"HubSpot","native":true,"category":"crm","direction":"inbound"},{"name":"Google Analytics","native":true,"category":"analytics","direction":"inbound"},{"name":"Mixpanel","native":true,"category":"analytics","direction":"inbound"},{"name":"Amplitude","native":true,"category":"analytics","direction":"inbound"},{"name":"PostHog","native":true,"category":"analytics","direction":"inbound"},{"name":"Fathom","native":true,"category":"analytics","direction":"inbound"},{"name":"Google Calendar","native":true,"category":"meetings","direction":"inbound"},{"name":"Claude","native":true,"category":"ai","direction":"bidirectional"},{"name":"Cursor","native":true,"category":"ide","direction":"bidirectional"},{"name":"Visual Studio","native":true,"category":"ide","direction":"bidirectional"},{"name":"ChatGPT","native":true,"category":"ai","direction":"bidirectional"},{"name":"Figma","native":true,"category":"design","direction":"outbound"},{"name":"Okta","native":true,"category":"identity","direction":"outbound"},{"name":"Azure","native":true,"category":"identity","direction":"outbound"},{"name":"OneLogin","native":true,"category":"identity","direction":"outbound"},{"name":"Chrome","native":true,"category":"browser","direction":"bidirectional"}]` | `[{"name":"OpenClipart.org","native":true,"category":"asset_library","direction":"inbound"}]` |
| market.availability | `{"primaryMarkets":["US"],"availabilityScope":"global","availableCountries":[],"notAvailableCountries":[]}` | - |
| platform.support | `{"mac":true,"web":true,"windows":true}` | `{"mac":true,"linux":true,"windows":true}` |
| pricing | `{"type":"hybrid","plans":[{"free":true,"name":"Basic","summary":"Free forever, no credit card required","features":["Wireframing and prototyping","Diagrams, mindmaps, flowcharts, moodboards, storyboards","WireframePro UI design tool","All templates and component libraries","Brainstorming with AI assistance","Multiplayer board editing","Project activity analytics","Unlimited viewers on shared projects"],"description":"Free forever plan with core features for individuals and small teams","contactSales":false,"includedLimits":{"AI credits":"100/month","daily generations":"20/day on one board"}},{"free":false,"name":"Plus","summary":"Per editor seat, billed monthly or yearly","features":["All Basic features","Live polls, voting, spinners, timers for workshops","Connectors to 20+ business apps","SSO, SAML, SCIM authentication","Offline desktop app for Windows and macOS","Advanced AI model options","Export to Figma","Unlimited AI generations on Bridge Pro","Multiple boards with local file access"],"commitment":"monthly","description":"For commercial work with advanced integrations and team features","contactSales":false},{"free":false,"name":"Max","summary":"Per editor seat with production-ready code generation","features":["All Plus features","Build mode: export to React, iOS, Android, and other frameworks","Figma export","Custom team UI kits","Offline desktop app","Connected data source access for AI","Full team collaboration features"],"commitment":"monthly","description":"For teams requiring production code export and advanced team capabilities","contactSales":false}],"summary":"Free plan available. Paid plans at per-editor-seat pricing, billed monthly or yearly.","currency":"USD","freeTier":true,"sourceUrl":"https://mockflow.com/pricing/","retrievedAt":"2026-08-31T13:58:31.146Z","billingPeriods":["month","year"]}` | `{"type":"open_source","summary":"Free and open-source","freeTier":true,"sourceUrl":"https://pencil.evolus.vn","retrievedAt":"2026-08-31T13:58:37.061Z"}` |
| pricing.free_tier | yes | yes |
| pricing.model | freemium | open_source |
| pricing.price_level | low | free |
| pricing.transparent | yes | - |
| security.certifications | `[{"name":"SOC 2","status":"active"},{"name":"ISO 27001","status":"active"}]` | - |
| security.iso27001 | yes | - |
| security.soc2 | yes | - |
| security.trust_center | https://mockflow.com/security/ | - |

## Capabilities (Wireframing)

| Capability | MockFlow | Pencil Project |
|---|:--:|:--:|
| **Capabilities** |  |  |
| Architecture model | Managed cloud saas browser | Desktop local application |
| Enforced low fidelity sketch rendering aesthetic | ✗ | - |
| Pre built ios android web UI component library | ✓ | ✓ |
| AI generation from text prompts or napkin sketches | ✓ | - |
| Drag and drop click through user flow linking | ✓ | ✓ |
| Real time multiplayer crdt cursor sync | ✓ | - |
| Confluence and jira native iframe embedding | ✓ | - |
| Export to high fidelity tools figma sketch | ✓ | - |
| Click heatmap and basic usability testing integration | - | - |
| Offline editing mode | ✓ | ✓ |
| SOC2 type ii | ✓ | - |
| ISO 27001 | ✓ | - |
| Pricing model | Per editor seat monthly | - |

*Source: Vioscale. Generated 2026-09-01T16:48:18.306Z. "-" = undocumented, not absent.*