Mockplus RP - UX/UI Design Basics Course

Discover how Mockplus RP offers a browser-based ui/ux design tool with real-time collaboration, interactive animations, and seamless export for developer handoff, plus hundreds of components and templates.

Explore the welcome screen of Mock Plus R.P., navigate projects, manage favorites and team invites, use templates and cloud for collaboration, and organize or share projects.

Explore the Mockplus RP interface, learn to name projects, select presets, manage artboards, panels, and assets, and customize grid, layout, and interactions.

Use the pages option to organize projects with named pages like home, shop, and blog, group assets, and build flowcharts and wireframes to design and share a prototype.

Learn how components streamline UI design by reusing elements like rectangles, buttons, and inputs, from basic shapes to complex composites. Explore editing options and extensions across wireframes and markup.

Explore how icons work in Mockplus RP, including changing style with tint and bold, color updates, tooltips, and placing icons inside buttons; learn to drag, resize, and reuse pre-included icons.

Create and manage assets in Mockplus RP by building colors, text, and components, then sync changes across instances and share libraries for team collaboration.

Explore the properties panel enhancements, including aligning options, distribution, smart layout with auto or manual modes, fixed width or height, and precise spacing, rotation, shadows, and scrolling behavior.

Explore how to add and customize interactions in Mockplus RP, linking components or pages, setting triggers, and applying commands with easing, duration, and delays.

Create and manage page notes and element notes to annotate wireframes, save and preview changes, and add or delete multiple notes for pages, components, and groups.

Explore artboards and sub artboards in a mobile UI workflow using the Jo Jo go UI kit. Preview an iPhone-sized login page with smart layout, animations, and portrait-to-landscape flipping.

Learn how to work with type in UI design, including font families, sizes, color, bold/italic/underline, alignment, case options, spacing, auto width/height, fixed size, and adding links and tooltips.

See how preview mode displays prototypes, start from the homepage or current page, adjust view options, and share controlled preview links to enable independent user testing and measure interactions.

Download prototypes to share with teammates, stakeholders, or clients offline, preserving privacy, with options to export wireframes, notes, and assets as a zip or RP file.

Publish your prototypes to mock plus cloud for online collaboration, handoff, and external feedback, with presentation mode, comments, cross-platform code (css, objective-c, swift, android), and public share or embed options.

Conclude the ux/ui design basics course with a sincere thank you to learners. Invite them to explore plus courses on templates and website design from scratch.