How to use rulers and guides in Flipsnack to align elements
Turn on rulers, drag guides, and place objects by measurement
Overview
Rulers run along the top and left of the Design Studio and let you place elements by measurement rather than by eye. Turn them on with View then Show rulers. Drag from either ruler to add a guide, a line you snap elements to. Measurements are in pixels. Guides show only while you are designing: they never appear in a downloaded PDF or in the published flipbook.
Rulers and guides are not the same as smart guides, which appear on their own as you drag an element near another.
The unit of measurement used in rulers in Flipsnack is pixels. (We might expand to more units of measurements in the future, such as cm and inch. If this is of interest to you, please let us know.)
In addition to helping you measure the exact distance between design elements, rulers also give you a great way to add precise guides to your document.
These ruler guides (the red lines in the image below) are only visible in the Design Studio in Flipsnack, so they will not appear in the exported PDF or in the published digital version of your design.
About ruler guides
Ruler guides are supposed to help you perfectly align various elements in the design of your catalogs and to help you save time while you're working on your design.
Here's how to add them:
Once you are in Design Studio, you can drag guides from the top and left rulers.
If you want to remove them from the page, just drag them back up or to the left.
You can select multiple elements from the page and align them to the existing rulers to make your design more precise.
Obviously, the numbers on the rulers from the top and left will help you place the guide exactly where you wish it to be placed.
If accuracy is super important (and it usually is) you can also add a guide on your pages by clicking on the View tab at the top of the Design Studio and then selecting New Guide.
An overlay will appear on your screen where you can select the orientation and position of the guide on your pages. You can also set the new guide to be displayed on each page of the design by checking the box for Add new guide on all pages. Then click OK to apply the guide.
If you are not happy with the position of a guide, you can reposition it by dragging it lower, higher, left or right.
When you're done and want to remove the guides, simply click on View again, select Clear guides then Delete.
Additional tips / FAQs
By default, your guides will not show on all pages in editing mode. If you want to use your guides on all the pages, make sure you check the box for Add new guide on all pages.
Moving on to the next step (to download or publish online) these guides will not appear in your final design, so you don't necessarily have to clear all the guides from your design.
Next steps
Need expert support?
Our team is here to help. Connect with our team experts or message us via the live chat for personalized assistance.