Save Time With Keyboard Shortcuts

Whether you’re looking to select multiple objects, bring a layer forward, or align an element – keyboard shortcuts make building designs in Flexitive faster.

For a full list of Keyboard Shortcuts, check out our article Keyboard Shortcuts.

Some example keyboard shortcuts:
For Windows users, use the Ctrl key instead of Cmd.

Keyboard Shortcuts
Keyboard Shortcuts

 

 

 

 

 

 

 

Add A Grid Overlay To Your Design

Use the grid feature in Flexitive to easily organize the elements on the canvas.

You can easily modify the grid overlay in Flexitive and change the color so the grid stands out from your design. You can also set the number of rows and columns, which is particularly useful when uploading designs to platforms that have text proportion restrictions i.e Facebook.

To learn more, check out our article on Turning on a Grid Overlay.

Deeper Dives with Flexitive Design Cloud Tutorial Videos

Flexitive Deeper Dives tutorials provide you with in-depth coverage of topics such as Text and Webfonts, Video Components and the Carousel Widget. You’ll learn about all aspects of text in your design, uploading and embedding videos, and different Carousel Widget options.

Deeper Dives:

Text & Webfonts

Learn more about formatting text boxes or specific words/characters within a text box (inline text). Access 700+ free web fonts and over 20,000 paid fonts, or how to upload your own custom font. Also, more advanced text options like scrolling text.

Video Components

Learn how to upload videos to Flexitive Design Cloud and add them to a Flexitive HTML5 page, or embed a Youtube video. Customize playback options like autoplay, show/hide controls etc. with no coding.

Carousel Widget

The Flexitive Carousel Widget allows you to quickly add images or videos into a rotating responsive carousel.

  • Set it to swipe left/right (via mouse or touch!)
  • Change the type of transition animation between slides

For more videos and Flexitive Design Cloud Tutorials – Essentials check out our YouTube Channel youtube.com/flexitive.

If you have a request for a tutorial video, reach out to us at support@flexitive.com.

Work on Multiple Designs Simultaneously

With Flexitive for Desktop on Windows and Mac, you can view and edit multiple designs at the same time.

Viewing and editing multiple designs is particularly useful when working with embedded pages, copying and pasting text from one design to another, and when comparing different versions of designs.

You can download Flexitive for Desktop at Flexitive.com/apps.

Using The Right Click Menu

You can use the right-click menu in Flexitive to quickly and easily adjust element settings on your design, allowing for a quicker and more efficient workflow.

With the right-click menu you can;

  • Reorder the elements position in the layers,
  • Change the size and position of an element on a certain size,
  • Hide, show, and delete elements,
  • Flip an element,
  • Snap to All Edges,
  • Add animations,
  • Add click-through URLs,
  • Replace elements.

Simply right-click on any element to view the right-click menu.

Learn the Essentials with Flexitive Design Cloud Tutorial Videos

Flexitive Design Cloud Tutorials are a quick and easy way to learn how to build designs in Flexitive.

In minutes, you can learn about the basics of Flexitive, from creating your first size, adding animations, exporting designs and more.

Flexitive tutorials are handy when onboarding a new team member or for a quick refresher.

Flexitive Tutorial Videos:

  1. Creating Your First Size

You can learn how to build your first size in Flexitive.

  • Dropping your high resolutions assets (jpg, transparent png, gif, mp4 etc) to the canvas
  • Setting a background color and image
  • Cropping assets
  1. Activating Unlimited Sizes

You can learn how to create a single design that adapts to unlimited sizes – whether specific fixed sizes, full-screen sizes or fully responsive designs!

  1. Animate Your Design

Learn the basics of animation in Flexitive.

  • Adding keyframes
  • Choosing an animation for each element (applies across all sizes)
  1. Generate Live Preview Pages

Learn how to generate a live preview page URL that you can send to anyone for feedback or approvals.

  1. Exporting a Design for any Size & Channel

Learn how to export your design for any size, channel and file format. Flexitive automatically optimizes your images for each size, and even optimizes code so that it works everywhere.

  1. Making Design Variations Fast

Learn how to create more design variations really fast.

  • Swap an asset (eg image, video etc) with any other asset, that will change across all sizes.
  • Change an animation in one click (that applies on all sizes instantly).
  • Generate a live preview page of your design variation.

For more videos and Flexitive Design Cloud Tutorials – Deeper Dives check out our YouTube Channel youtube.com/flexitive.

Branded Preview Pages

Preview Pages allow you to share the most up-to-date version of your design with anyone, improving your workflow visibility and streamlining the approval process. If you save a change to your design in Flexitive, the change will be visible on the preview page after you refresh the change.

Branded Preview Pages include your company logo on your Preview Page, a custom URL, and completely removes Flexitive branding.

Branded preview pages are available on Enterprise subscriptions.

To add a branded preview to your site, reach out to your account manager.

Learn more about Branded Preview Pages.