Skip to main content

Getting Started with the Editor

Learn how to create your first design in the editor. Use templates, customize elements, group layers, and replace assets to design faster.

Updated this week

If youโ€™re new to the platform, these tips will help you improve your workflow and create high-quality designs faster. Understanding how the design editor works is key to making the most of its tools and features.

Creating Your First Design

You can create designs from your personal workspace by clicking the Create New button in the top-left corner of your dashboard. Select Single Design, choose your desired size, and youโ€™ll enter the Design Editor.

You can start a design in two ways:

  • From scratch โ€“ Build your design element by element.

  • From a template โ€“ Choose a professionally designed template and customize it to fit your needs.

User navigating the main workspace, selecting a template design to start editing in the design editor.

Working with Templates

If you choose a template, selecting any element on the canvas will display a toolbar. This toolbar lets you:

  • Adjust size, position, and colors.

  • Add click actions to elements.

  • Apply animations.

Editing a template in the design editor by replacing images, adjusting text, and modifying layout.

Close-up of the element toolbar in the design editor, showing options for text, color, layering, and linking.

Grouping and Resizing Elements

  • Select multiple elements at once by holding click + drag.

  • Use the Group Layers function to move or edit multiple items together.

  • Resize elements individually using the anchor points on each selected asset.

GIF illustrating how to drag select and group multiple layers.

GIF illustrating how to resize and reposition an element in the design editor using anchor points and drag controls.

Replacing Template Assets with Your Own

You can easily personalize templates by swapping out placeholder images:

  1. Upload your own media to the platform.

  2. Drag and drop your uploaded image onto the element you want to replace.

  3. The new image will automatically update in the design.

GIF showing how to add a new element from the Elements panel and position it on the canvas in the online design editor.

Pro Tip

Using templates speeds up the design process while still allowing full customization. Replace assets, tweak layouts, and apply brand colors to make every design uniquely yours.


Ready to start designing?

๐Ÿ‘‰ Sign up for a free Bannersnack account โ€“ it only takes a minute.
๐Ÿ‘‰ Already have an account? Log in here to continue where you left off.

Did this answer your question?