Moqups

@moqups.com

39 Followers 348 Following

Make sense together: whiteboards, diagrams, design and ideation in a single, online visual collaboration app. Your favorite design tool’s favorite design tool since 2012. https://moqups.com

Holding down the Option key while hovering the Toggle Resize Constraints button in the selection toolbar shows the tooltip: Enable resize constraints for nested groups.
Moqups em português! • Now in Portuguese!
A set of Material Design 3 UI elements, in light and dark mode, side by side.
Demonstrating the plugin on an onboarding mobile screen design: 1. Select and export your objects in Figma as JSON 2. Bring your designs into Moqups 3. Just paste and start editing!
Four objects scattered on the page in a Moqups project. Selecting them all, and clicking a second time on one of the objects highlights it with a thicker border. Now the dimensions inputs show the Reference Object’s values.
Four sticky notes scattered on the page in a Moqups project. When you select all of them, the X/Y/W/H inputs show a Mixed value. Typing values in the Width and Height fields makes all four objects the same size.
A Figma project shows a log in screen design. Next to it, the Figma to Moqups plugin shows the JSON code for the selected objects which, when copied and pasted into Moqups, closely reproduces the design.
A comparison of "No constraints" and "Constraints" resizing. In the No constraints scenario, some elements in the UI component resize in unhelpful ways. The Constraints mode works as you’d expect from the component.
Browser window showing Moqups guides section on the blog with thumbnails of articles.
Moqups comment colours functionality