Master these shortcuts and can save even 

For Windows users: ⌘ becomes ctrl, and ⌥ becomes alt.

A guide around BrandBird's keyboard shortcuts.

BrandBird's Keyboard Shortcuts Guide

In this post, you'll learn how to turn the transparent background option on and off for your design canvas. 

Making the background transparent is useful when designing website graphics or mockups that you want to import into other design tools.

The "Remove Background" option is available in the Export panel. 

Check the annotated images below.

Learn how to use transparent background for your posts (ideal for website graphics) and how to turn it off.

Use Transparent Background

  is a tool that can help you really speed up your design process. 

With the BrandBird Chrome extension you can screenshot the entire active tab of your browser or even extract a single element, and import it directly into the BrandBird studio.

The extension supports 4 basic actions: Visible Screen, Extract Element, Highlight Element and Create OG Image. Now let’s check each option in more detail.

This option allows you to screenshot the visible part of your active tab and import it as an image directly into the BrandBird studio.

This option allows you to extract any element in the visible browser tab and import it as an image into BrandBird studio.

Once you click this option from the BrandBird extension, the extension will disable the page scroll and allow you to extract only the elements in the visible part of your screen.

You can always exit the extraction mode by clicking Esc or by simply refreshing the tab.

This option allows you to pick any element in your visible browser tab, to be highlighted and imported as an image into BrandBird studio.

The extension highlights the element by zooming in and adding an overlay to the background. It automatically picks the color of the overlay (black or white) based on the website background.

This option helps you create an Open Graph image that you can use for your blog or website.

Once you click this option, the extension:

Grabs a screenshot of the active browser tab

Fetches the title, description, and logo of the website

Asks you to pick a fitting gradient background

Imports everything into BrandBird (using the Header feature)

In the BrandBird studio, you can customize the open graph image even further with mockups, 3D tilt effects, unique backgrounds, and many more options.

, you can easily import text & images in a snap using the right-click option.

To import any text into the BrandBird editor:

Highlight the text that you want to import into BrandBird. 

Right-click on the text and choose the "Import text in BrandBird" option.

This action will launch the BrandBird studio, where your selected text will appear as a new text annotation layer.

To import any image into the BrandBird editor: 

Click the "Import image in BrandBird" option.

This action will launch the BrandBird studio, where your selected image will appear as a new image annotation layer.

, it will replace the template's images based on these rules.

To import a tweet into the BrandBird editor: 

Navigate to an individual tweet page (by clicking on the tweet)

Right-click anywhere on the page and select the "Import tweet in BrandBird" option.

This action will launch the BrandBird studio and import your tweet immediately. In the tweet import modal, you can customize the appearance of your tweet.

Understand how to use the BrandBird Chrome Extension to speed up your design workflow.

Master the BrandBird Chrome Extension

 lets you import text & images in a snap. 

1. Highlight the text that you want to import into BrandBird.

2. Right-click on the text and choose the "Import text in BrandBird" option

The BrandBird studio will open, and your selected text will inserted as a new text annotation layer.

2. Click the "Import image in BrandBird" option.

The selected image will be inserted as a new annotation layer in the BrandBird studio.

Navigate to an individual tweet's page (by clicking on the tweet)

Right-click anywhere on the page and select the "Import tweet in BrandBird" action.

This action will launch the BrandBird studio and import your tweet immediately. 

In the tweet import modal, you can customize the appearance of your tweet and then add it as an image annotation layer.

Learn how to import text, images, even tweets with the BrandBird Chrome extension in a few clicks.

Import text, tweets, images with the Chrome Extension

 lets you quickly take screenshots of your tab and import them into the BrandBird canvas.

A useful tip to make your workflow even more powerful is to prefill a template with the screenshot.

 feature allows you to pick one of your BrandBird templates and fill it with an image or a text layer via the Chrome Extension.

2. Click the image icon at the top right header of the BrandBird extension popup.

3. Pick the template you want to populate (or remove the active one).

Use any of the available options to take a screenshot or import an image to BrandBird:

3. Highlight an element (automatically zooms into the element and adds a black overlay to the rest of the UI)

"Right click > Import image to BrandBird"

The plugin automatically imports the image to BrandBird and populates the active template by following these rules.

It replaces the first of your images (if you have any images)

It replaces the first annotation image layer (if you have a layer) 

Adds a new image annotation layer if your template doesn't include an image or an image annotation layer.

 option, it always creates a new text annotation layer. 

It doesn't replace any of your template's text layers.

Use the Smart Template Fill feature to apply templates to the images that you import with the BrandBird Chrome Extension.

Apply templates with the Chrome Extension (Smart Template Fill)

The BrandBird community showcases the best templates & assets by our creators.

By publishing your templates in our community, you get exposure to your unique Creator Profile that can link to your social media accounts, portfolio, and product.

In this article, I'll walk you through creating your public creator profile.

Log in to your BrandBird and navigate to your personal account page at 

Enable the "Show my name, and avatar on BrandBird community" toggle to make your Creator Profile public.

Create a unique handle for your profile that will be used for your unique profile URL. Use a short handle to avoid creating a super long URL for your profile.

Also, keep in mind that changing your handle will automatically alter your public URL. Then, it's not wise to update your handle frequently.

 fields in your Personal Information section. 

Optionally, you can define a few public links for your 

 profile. These links can help you boost visibility on your portfolio & social media accounts.

Now, your creator profile is public, and anyone can duplicate & remix your templates to create amazing graphics. 

how to publish your templates in your creator profile

Learn how to enable your creator profile to publish your templates to the BrandBird community.

Enable Your Creator Profile

The BrandBird community showcases templates & assets from our favorite creators. 

By publishing your templates in our community, you get exposure to your unique Creator Profile that can link to your social media pages, your portfolio, or your product.

In this article, I'll walk you through publishing your templates in our community.

💡 Make sure that your creator profile is enabled. Check this article on 

 and find the template you want to share with the BrandBird community.

Click the 3-dots icon at the top right corner of your template and select the 

Then, change the template’s visibility to 

 to grant public access to your template.

Enable the "Showcase on the BrandBird community" toggle button and your template will be shared in 

If you ever want to remove the template from your community, you can disable the toggle button.

Learn how to publish your templates on our community and create a public creator profile.

Publish a community template

This article will guide you through the easy steps to importing custom fonts into your designs using BrandBird.

With this feature, you can now take advantage of unique and personalized typography that aligns perfectly with your brand guidelines.

So, read on to learn how you can easily upload and use your own custom fonts in BrandBird.

 dashboard page and create a new Brand (or open for editing an existing one).

Under the “Fonts” section, click the “Upload font” button and select a 

Then, click the “Save Brand” button to save your recent edits.

Every time you open the BrandBird studio, we automatically load your custom fonts and make them available in all the font pickers.

Then, in order to use them, you simply have to create a text layer and choose your own custom font.

Learn how to import custom fonts into your BrandBird PRO account

Import custom fonts

A quick Brandbird tutorial to show you how to bulk create social media mockups from more than a single image 🙌 Bulk create social media mockups from images in 5 simple steps:

Visit https://www.brandbird.app/dashboard/templates

Find your template, click the top/right icon menu, and choose "Bulk Create"

Download all the mockups, or download individual ones.

, not for annotation images. Remember this while you create the base template for your bulk creation process. Learn more about the difference between these two image types 

It only replaces the first layout image of your template. All the other images will remain untouched.

For optimal results, use the exact same (or similar) dimensions for the main image that will be replaced.

If you require further customization for your use case, please do not hesitate to contact me at jim@brandbird.app.

Learn how to bulk-create images from a single template by editing their main image

Bulk create images from a template

Export an image with transparent background in 5 simple steps:

Download your image by clicking CMD+B (or CTRL+B for Windows users) or the "Download" button on the sidebar

A quick tutorial to show you how to export an image with a transparent background.

Export an image with transparent background

It will remove everything from your canvas (all images, layers & the active template) and you will start designing from an empty canvas.

Otherwise, you can click the “🧹” icon on the top navigation bar.

 A quick shortcut to reset your canvas and start designing from scratch with an empty canvas.

How to reset, empty the canvas

Many times is useful to create a graphic with equal padding around your image.

In this quick tutorial, you’ll learn how to achieve this effect with 3 simple steps.

Add a layout image on the BrandBird canvas in two ways: 1. Via the “Images” sidebar section and using the upload button 2. Paste an image to BrandBird (CMD+V or CTRL+V for Windows)

Open the top header’s canvas dimensions menu, and click the "Fit canvas to image button" (No.1 & 2).

Adjust the padding around the image with the "Scale" slider on the sidebar (No.3).

That’s all, hope you enjoy using the BrandBird editor!

Learn how to fit canvas to your image with equal padding around the image on BrandBird

Fit canvas to your image with padding around

As a Twitter creator, the most simple trick to boost your growth is by re-posting your content on other social media platforms like Instagram & LinkedIn.

The problem with re-posting tweets is that you can't easily create images for other social media platform sizes. With BrandBird, that's easy as pie!

Let's learn how to re-post your tweets on Instagram & LinkedIn!

To import your tweet as an image into Brandbird, you need its unique URL. Hopefully, it's pretty straightforward to grab this URL.

Open your favorite tweet, and copy the URL from your browser URL bar.

 and click the "Import Tweet" button on the left sidebar

Paste your URL to the input field and click "Import".

Your tweet is almost ready, you just need to customize its appearance. You can pick between dark & light modes, and show/hide different widgets (# of likes, retweets, comments, creation date).

Once you're satisfied with the style, click "Use Tweet" to import the image into the BrandBird canvas.

You can tweak further the background and add different styles to your tweet with the basic BrandBird editor. Like cool gradient backgrounds, 3D effects, shadows, and even annotate the image to highlight specific words.

The final step is to adjust the canvas dimensions. Open the canvas size menu on the top right corner of the page, and pick your desired dimensions.

The tweet will automatically adjust to the new dimensions, and you can export the image and post it on Instagram or LinkedIn 🙌

Generate beautiful images for your tweets and boost your social media growth by sharing them on Instagram & LinkedIn.

Cross post tweets on Instagram & LinkedIn

https://www.brandbird.app/dashboard/templates

Learn how to use a save or public templates and customize based on your needs.

How to use a saved template

🔌 3 simple ways to import an image to Brandbird:

Copy an image & paste it directly into the editor

Click the "Upload" button and select a local file

Drag and drop images from your local file explorer eg. Finder for Mac

Learn 3 simple ways to import images into the BrandBird image editor 

3 Simple Ways To Import An Image

 tutorial to show you how to zoom on features on your image with a robust magnifier glass in 5 simple steps:

Upload an image (or just paste it from the clipboard) 

Click the "Edit Image" dropdown under the Image sidebar section 3. 

Drag the glass around the image and adjust the zoom & overlay settings

Quick tutorial on how to create zoom effects to showcase important feature.

How to zoom on features with the highlight tool

Turn your screenshots to Instagram, LinkedIn, or Twitter posts online in 5 simple steps:

Upload an image (or just paste from the clipboard)

Click the settings menu to change canvas dimensions

Pick your favorite platform and post type

Learn how to change the format of your images so you can repost them on multiple social media platforms.

How to repurpose graphics for social media platforms

Use the copy and paste to clipboard feature in 5 simple steps:

Right-click an image and select "Copy Image" on Chrome (or do the same on your local finder)

Go to Brandbird and press CMD+V (or CTLR+V for Windows)

Press the "Copy to clipboard" button or simple CMD+C (or CTLR+V for Windows)

Open Twitter and press CMD+V to paste your edited image

How to use the copy & paste to clipboard feature

 tutorial to show you how to create a custom watermark for your brand and add it to your social media posts with Brandbird in 5 simple steps:

Customize your watermark with a custom avatar, theme and appearance

Find the watermark under the "Watermark" section in the Brandbird editor

A quick tutorial to show you how to create a custom watermark for your brand and use it on your social media graphics.

How to create a custom watermark

Save your settings to a template in 3 simple steps:

Upload an image (or just paste it from the clipboard)

Play around with the editor until you're satisfied with your mockup

Open it and upload an image. Done, so easy!

Learn how to save a post as a template so you can re-use it and edit in the future.

How to save your post as a template

Click the "Edit Image" dropdown under the Image sidebar section

Select an area from your image and adjust the blur density

https://dribbble.com/shots/15912408-iGiveback-UI-design-concept/attachments/7742364?mode=media

Learn how to blur sensitive information (like passwords, customer emails, names, API keys etc.) from images

How to blur & redact sensitive information

 tutorial to show you how to crop images online before creating a mockup ✂️ 

Preview your crop and click "Crop Image" to finalize it

Learn how to select and crop an area from a screenshot

Tutorials

Learn everything about how to get started with BrandBird

The Most Powerful Image Editor
for SaaS Founders

Tutorials

Learn everything about how to get started with BrandBird

The Most Powerful Image Editor for SaaS Founders

The Most Powerful Image Editor
for SaaS Founders