Bannersnack

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

Getting Started with the Editor

Learn how to use the design editor’s sidebar to adjust slide duration, manage layers, add transitions, and organize elements efficiently.

Using the Sidebar to Control Layers and Slides

Learn how to use the Timeline in the editor to control animation duration, layer positioning, and effects.

Using the Timeline to Control Layers and Animations

Discover how to use the design library to access images, icons, illustrations, shapes, and widgets.

Using the Built-in Design Assets Library

Learn how to select, group, and ungroup multiple layers in the editor to streamline your design workflow.

How to Group and Ungroup Layers

Learn how to lock layers to prevent accidental edits. Locked layers can’t be moved, edited, or multi-selected, but can still be duplicated or reordered in the layer list.

Working with Layer Lock

Learn how to resize elements non-proportionally and rotate them at fixed angles in the editor using the Shift key.

Resizing and Rotating Elements

Learn how to quickly select and resize multiple elements at once in the editor to speed up your design workflow.

Selecting and Resizing Multiple Elements at Once

Learn how to manually resize and position objects in your design using the Size and Position settings in the Layers tab.

How to Manually Resize and Position Objects

Learn how to use the Smart Resize feature to instantly resize your designs for multiple formats.

The Smart Resize: Instantly Adapt Your Designs to Any Size

Quickly copy and paste layers between designs for faster editing and consistent visuals across your ad campaigns.

How to Copy Layers from One Design to Another

Learn how to align layers and objects in your designs using the Align tool. Align single or multiple elements, group and position layers.

How to Align Layers and Objects in Your Design

Learn how to find, insert, and customize high-quality royalty-free stock photos directly in the design editor to enhance your visuals.

Using Stock Photos

Learn how to remove the background from any image layer in the Editor or Generator. Available on paid plans, this feature lets you isolate subjects quickly and reuse the background-free…

How to Remove the Background of an Image

The Color Picker lets you select and reuse colors directly from your design. Use the Eyedropper to pick colors from images, SVGs, or text layers and apply them instantly to…

How to Use the Color Picker

Learn how to adjust or crop image aspect ratios using Scale, Maintain Aspect, Tile, and Crop settings for better design flexibility.

How to Change the Aspect Ratio of Images

Learn how to flip images horizontally or vertically in both the Editor and Generator to improve design layout and composition.

How to Flip Images

Learn how to crop images and ensure the cropped version appears in all exported banner sizes.

How to Crop Images

Quickly replace images in your designs with drag and drop—perfect for speeding up creative updates in fast-paced marketing campaigns

How to Replace an Image Using Drag and Drop

Learn how to use clipping masks in the editor and design generator to display images or videos in custom shapes, and adjust positioning.

Using Clipping Masks in Your Design

Turn any SVG into a reusable mask for images or videos. Available in both the Editor and the Generator, this lets you apply consistent shapes across multiple variations with ease.

How to Convert an SVG into a Mask

Learn how to upload, manage, and set custom fonts in the editor to keep your designs on-brand and visually consistent.

Uploading and Using Custom Fonts

Learn how to use Rich Text Formatting to style specific text in your designs. Apply fonts, bold, colors, underline, and case changes.

Rich Text Formatting in the Editor

Learn how to add music or audio to your designs with uploads, YouTube, SoundCloud, or embeds.

Adding Music or Audio to Your Design

Easily add, edit, and export videos in your designs. Use MP4 uploads or stock videos, apply edits, and export in HTML5, MP4, or GIF formats.

Adding Videos to Your Designs

Upload and use transparent videos in Bannersnack. Learn how to link WebM and MOV formats for cross-browser compatibility and use motion graphics, overlays, and animated elements with preserved transparency in…

Upload and Use Transparent Videos

Learn how to add and edit GIFs with our built-in GIPHY integration, trim animations, and optimize playback.

Using GIFs in Your Designs with the GIPHY Integration

Learn how GIF color limitations work and discover tips to improve image quality with smart resizing.

Understanding GIF Color Limitations and How to Optimize Quality

Add hover states to buttons to define how they look by default and on mouse hover. Customize fills, labels, borders, and shadows per state, manage changes globally across sizes, or…

How to Add a Button Hover State

Learn how to use the ruler feature in Bannersnack to align elements, measure precisely, and create pixel-perfect designs with snapping guides.

How to Use the Ruler Feature for Pixel-Perfect Designs

Create print-ready designs with PDF downloads. Use custom units, over 700 templates, and ruler guides for precision.

Create Designs for Print

Easily copy and paste visual styles between compatible elements in your design editor.

How to Copy and Paste Styles Between Elements

Learn how to add and customize borders for buttons or shapes in your design using the border tool—perfect for visual emphasis.

How to Add a Border to a Shape or Button

Save time with custom templates. Create, store, and reuse design layouts in any size using the editor or Design Generator.

Create and Use Custom Templates for Faster Design Workflows

Easily translate your design text into over 100 languages with the Translate feature.

How to Translate Your Design Text into Multiple Languages

Quickly measure spacing and alignment in your designs with Space Indicators. View the distance between elements and canvas edges, or compare the spacing between two elements for more precise layouts.

Using Spacing Indicators

Take your shapes beyond the basics with Smart Shapes. Customize rounded corners, add image fills, apply gradients and transparency effects, and create more polished, professional designs directly in Bannersnack.

Smart Shapes

Master design tools: create stunning single or multi-slide projects in our drag-and-drop editor.

Design Smarter 

Launch App

Visit Site

Find answers and get help from Intercom Support and Community Experts

Conversations you've started through the messenger will appear here.

No conversations created by you

Try using different keywords or checking for typos.

No conversations found

Title

This site employs cookies and other technologies that we and our third party vendors use to monitor and record personal information about you and your interactions with the site (including content viewed, cursor movements, screen recordings, and chat contents) for the purposes described in our Cookie Policy. By continuing to visit our site, you agree to our {websiteTermsLink}, {privacyPolicyLink} and {cookiePolicyLink}.

This site uses cookies and similar technologies ("cookies") as strictly necessary for site operation. We and our partners also would like to set additional cookies to enable site performance analytics, functionality, advertising and social media features. See our {cookiePolicyLink} for details. You can change your cookie preferences in our Cookie Settings.

We use cookies to make our site work and also for analytics and advertising purposes. You can enable or disable optional cookies as desired. See our {cookiePolicyLink} for more details.

Advertising cookies are set by our advertising partners to collect information about your use of the site, our communications, and other online services over time and with different browsers and devices. They use this information to show you ads online that they think will interest you and measure the ads' performance. Social media cookies are set by social media platforms to enable you to share content on those platforms, and are capable of tracking information about your activity across other online services for use as described in their privacy policies.

These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.

These cookies are necessary for the website to function and cannot be switched off in our systems.

These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site.

You have the right to opt out of the sale of your personal information. See our {cookiePolicyLink} for more details about how we use your data.

Your Privacy Choices

We use cookies to enhance your experience. You can customize your cookie preferences below. See our {cookiePolicyLink} for more details.

Cookie Settings

Empty Help Center

Uh oh. That page doesn’t exist.

Home

Search results

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Tickets submitted through the messenger or by a support agent in your conversation will appear here.

No tickets created by you

No tickets found

Track the progress of all tickets and conversations related to your company.

Customer Portal.

Track the progress of all tickets related to your company.

Tickets portal.

{assigneeName} needs more information from you

Tickets

No access to tickets portal

Search

Skip the search. Describe what you’re trying to do and get a grounded answer.

Browse articles and guides in this topic.

Create your workspace and invite the people you work with.

Set up your account

Build your first workflow and watch it run end to end.

Ship something

Connect the tools your team already uses to bring data in.

Connect your stack

A quick lap of the product so you know where everything lives.

{appName} in 60 seconds

This prototype demo is aware that you are reading “{title}”. It can point you back to the current article, but a production article-aware Fin contract is still follow-up work.

Prototype article-aware answer

Because you already asked about invitations, this prototype demo can add the follow-up: use the role selector before sending each invite to limit access to the teammate responsibilities.

Prototype role-limiting follow-up

This prototype demo suggests starting with your workspace profile, inviting the team members who need access, and then connecting the integrations you use.

Prototype getting-started answer

In this prototype demo, integrations are configured from workspace settings. Choose the integration, connect the account, and review the enabled permissions.

Prototype integrations answer

In this prototype demo, invite teammates from workspace settings, then choose the access each teammate needs before sending the invitation.

Prototype invite-team answer

This prototype demo does not have a scripted answer for that question yet. Try asking how to invite your team or open a source article. No production Fin API was called.

Prototype answer unavailable

I’ve got this page open. Ask me anything about it and I’ll answer from the docs.