How to Use MarkUp

How to Use MarkUp

In this quick lesson, we’ll walk through how to use MarkUp to streamline the process of giving and receiving design feedback.

In this lesson, we’e going to start by creating a new project and adding a few comments. If you haven’t done so already, visit MarkUp.io to sign up for your free account.

Once you’re logged into MarkUp, simply copy the preview or published URL of a Ceros experience to your clipboard. If you’d like to practice with the same template we use in the video, you can copy this URL and paste it into MarkUp.

In ‘Comment’ mode, we will be able to add comments to the experience. You can also use the keyboard shortcuts 1 and 2 to quickly toggle between these modes.

You can post comments on the experience and pin them directly to the objects on the page.  You’ll also see that all comments added will be listed in the side bar under Active. Once the designer has accounted for the comments and made the necessary changes to the web page, they can mark the comment as Resolved, which will automatically move the comment to the Resolved tab.

The button at the bottom with the desktop monitor icon gives you the ability to switch between desktop, tablet, and mobile views of the page. You’ll see that you can add different comments to the different device layouts of your design. It’s important to note that if you are using MarkUp for Ceros experiences, you’ll want to ensure that you have ‘Screen Width’ set as the detection method for your layouts so that you can clearly see all of the different layouts in MarkUp.

Using MarkUp for design feedback will improve your workflow tremendously. If you have any questions about using MarkUp for design collaboration, feel free to reach out in our Support Chat widget. Happy collaborating!

How to Use MarkUp

In this quick lesson, we’ll walk through how to use MarkUp to streamline the process of giving and receiving design feedback.