Mockplus

Mockplus is a rapid prototyping tool that streamlines the design process, allowing for quick transitions from idea to interactive prototype. It's a boon for designers who aim to iterate swiftly and collaborate effectively.

What is Mockplus?

Mockplus is a cloud-based rapid prototyping tool utilized by developers to create interactive prototypes and wireframes. It streamlines the screen design process with its array of pre-built components, icons, and user-friendly drag-and-drop functionalities.

How to use Mockplus?

Mockplus is a comprehensive prototyping tool designed to streamline the process of creating interactive prototypes for websites and mobile apps. Here’s a step-by-step guide on how to use Mockplus RP (Rapid Prototyping):

Step 1: Access and Start a New Prototype

• Navigate to the Mockplus RP website and log in.
• Click on the "New" button to start a new project and select your desired device template.
• Alternatively, use the "Free Templates" option to begin with a pre-designed template.

Step 2: Familiarize Yourself with the User Interface

Mockplus RP’s interface includes:

• Canvas: The central area where you add and arrange elements.
• Top Toolbar: Contains tools for connecting elements, adding sub-boards, and vector drawing tools.
• Pages and Layers: Manages your project’s structure in a tree format.
• Compos, Icons, and Assets: Offers a library of components and icons, and a place to manage design assets.
• Properties, Interactions, and Notes: Adjusts element properties, adds interactions, and includes notes for clarification.

Step 3: Design Your Prototype

• Drag elements from the library onto the canvas.
• Use the Pen and Pencil tools for vector shapes.
• Adjust properties in the right-hand panel to customize elements.
• Add sub-boards for dialogues or dynamic content.
• Create additional pages as needed for your prototype.

Step 4: Add Interactions

• Use drag-and-drop to link elements or pages.
• Utilize the Interactions Panel to define the behavior of elements.

Step 5: Collaborate and Receive Feedback

• Publish your prototype to Mockplus Cloud to share and collect comments.
• Manage feedback through the "Notifications and Requests" or "Activity" sections.

Step 6: Preview and Test

• Use the “Preview” button for a web-based view of your prototype.
• Share the prototype with stakeholders for testing.
• For mobile testing, download the Mockplus app and sign in to view your prototypes with full interactivity.

Is Mockplus free to use?

Mockplus offers a range of pricing options to accommodate different user needs, from solo designers to large teams. Below is an overview of their plans:

Individual Plans

• Free Version:
  • Features: Access to basic prototyping tools, up to 10 projects, and 200 components/pages per project.
  • Best For: Beginners, students, or individuals exploring basic prototyping without financial commitment.
• Annual Subscription:
  • Cost: $99/year
  • Features: Advanced prototyping features, unlimited projects, cloud storage, and collaboration features.
  • Best For: Freelancers and professional designers who need more comprehensive tools and cloud collaboration for their projects.
• Perpetual License:
  • Cost: $499 (one-time fee)
  • Features: All the benefits of the Annual subscription but with a one-time payment for lifetime access.
  • Best For: Individuals who prefer to make a one-time investment rather than recurring payments.

Team Plans

• Free Version:
  • Features: Basic collaboration for up to 9 team members, limited to 3 projects with 300 components/pages per project.
  • Best For: Small teams or startups beginning to collaborate on projects.
• Ultimate Subscription:
  • Cost: $299/year per user
  • Features: Unlimited projects, advanced collaboration tools, and priority support, on top of the Free version features.
  • Best For: Growing teams that require robust collaboration tools and project management features to streamline their workflow.
• Enterprise Version:
  • Cost: Custom pricing tailored to the team's size and specific needs.
  • Features: All the Ultimate plan features, plus enterprise-level services like Single Sign-On (SSO), private deployment options, and dedicated customer service.
  • Best For: Large organizations with complex prototyping needs that demand high-level security and dedicated support.

Upgrading to a higher-tier plan provides users with more sophisticated tools, greater project and component capacities, and superior collaboration features. These enhancements are designed to support users as they scale from individual work to collaborative team environments and eventually to enterprise operations.

For the most current and detailed information on Mockplus pricing and features, it's recommended to check the official Mockplus pricing page.

What is Mockplus used for?

Mockplus is employed for various design-related tasks, including:

• Rapid Prototyping: It enables quick creation of prototypes, allowing designers to convey their ideas and iterate designs efficiently.
• Wireframing: Users can build wireframes to layout and strategize the user interface structure of websites and applications.
• Collaboration: The platform supports online collaboration, making it possible for team members to work together, sync designs, and test them in multiple ways.
• Feedback Integration: Clients and team members can provide direct feedback on designs within the tool, facilitating a more streamlined revision process.
• Ease of Use: With a low learning curve, Mockplus helps even those with limited experience to build prototypes without the need for coding.

Mockplus is designed to be a comprehensive tool that aids in the early stages of design, from conceptualizing ideas to refining interactive prototypes. It's suitable for both seasoned designers and those new to the field, providing a balance of depth and accessibility to enhance the design workflow.

What are the pros and cons of Mockplus?

Pros:

• Easy Drag and Drop Editor: Mockplus offers an intuitive drag-and-drop interface that simplifies the design process.
• Low Learning Curve: New users can quickly adapt to Mockplus due to its straightforward design and usability.
• Pre-Made Components: A large library of pre-made components is available, which can speed up the design process.
• Collaborative Tool: The platform is excellent for teamwork, allowing multiple stakeholders to participate in the design process.
• Prototypes as Apps: Prototypes can be downloaded and viewed as apps on desktop or mobile devices, providing a practical view of the user experience.

Cons:

• Limited Projects in Free Plan: The free plan offers limited active projects, which might not be sufficient for larger teams or complex projects.
• Customer Support: The customer support is not always available, which could be a downside for users needing immediate assistance.
• Complex UI Design: For more intricate UI designs, Mockplus may not be the ideal solution.

Mockplus is a tool that strikes a balance between ease of use and functionality, making it a solid choice for design teams that require a collaborative approach to prototyping. However, for those needing more complex UI design capabilities or more extensive projects without upgrading to a paid plan, it might be less suitable. It's also worth noting that customer support availability could be a limitation for some users.

FAQs

How do you add text in Mockplus?

To add text in Mockplus, follow these steps:

1. Select a Component: Choose the component to which you want to add text.
2. Add Text to Assets: Right-click on the selected component and choose "Add Text to Assets" from the context menu, or click the "+" icon in the Text section of the Assets panel.
3. Reuse Text: To apply the text styles to another component, select the component and then click on the desired text style in the Assets panel. This will apply all the text styles, such as font, size, color, bold, italic, strikethrough, and underline, to the selected component.

Remember that adding text to assets allows you to save all text styles of a component in one place for easy reuse across your design.

How do I add interactions in Mockplus?

To add interactions in Mockplus, you can follow these steps:

1. Select the Component: Click on the component you want to add an interaction to.
2. Interaction Panel: Open the Interaction panel on the right side of the workspace.
3. Choose Trigger: Set the trigger for the interaction, such as "OnClick", "OnHover", etc.
4. Set Action: Choose the action that will occur when the trigger is activated. Actions can include linking to another page, showing a popup, changing the style of an element, and more.
5. Configure Details: Depending on the action, you may need to configure additional details, like selecting the target page for a link action.
6. Preview: Use the preview function to test the interaction and ensure it works as expected.

By following these steps, you can create dynamic and interactive prototypes in Mockplus.

How do I share Mockplus?

To share your Mockplus project, you can:

1. Publish the Project: Go to the "Publish" option within the Mockplus application.
2. Choose Share Settings: Select the settings for sharing, such as who can view the project or whether it requires a password.
3. Generate a Link: After configuring your settings, generate a shareable link.
4. Distribute the Link: Send the generated link to your team members or stakeholders via email, messaging apps, or any other preferred communication channel.

This process allows for easy and efficient sharing of your Mockplus prototypes for collaboration or feedback.

What is the difference between Mockplus cloud and RP?

The difference between Mockplus Cloud and Mockplus RP (Rapid Prototyping) lies in their primary functionalities and use cases:

Mockplus Cloud is a product design platform for team collaboration, which focuses on connecting the entire product design workflow. It provides tools for design handoff, prototyping, and collaboration across the entire team, including designers, developers, and product managers.

Mockplus RP is a tool specifically for creating interactive and highly functional prototypes quickly. It allows individual designers to build prototypes with drag-and-drop components and to test the interactivity of their designs.

In essence, Mockplus Cloud is geared towards team-based collaborative work, while Mockplus RP is focused on individual designers creating rapid prototypes.