In this post, you'll learn how to export an image with a transparent background. 

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.

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

Export an image with transparent background

Create professional-looking images for your Product Hunt launch that showcase your product's key features and benefits by remixing thousands of pre-made templates.

Social media is a key marketing channel for many Product Hunt launches, and BrandBird can help you create the perfect graphics for your social media posts.

Product Hunt launches often go hand-in-hand with blog posts that provide more in-depth information about the product. BrandBird can help you create graphics that accompany your blog post and make it more engaging and visually appealing.

Quickly create stunning & converting Open Graph (OG) images that will be visible when users share your product on social media.

Design eye-catching launch graphics for your Product Hunt audience and earn the top spots of the day and week.

Product Hunt Graphics

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

Beautiful graphics & cover images grab the attention of readers and encourage them to read the content of the blog post and increase the time on your site.

Eye-catching graphics are more likely to be shared on social media platforms, increasing the reach and visibility of the blog post.

Using consistent, high-quality graphics helps establish a strong visual identity for your brand as a writer and makes it more recognizable to readers.

Well-designed graphics add a professional and polished look to your blog posts, increasing the perceived credibility of the content.

Create beautiful graphics for your blog posts, to highlight important points and make your content more engaging.

Blog Posts

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, it is helpful 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: 

Via the “Images” sidebar section and using the upload button 

Paste an image to BrandBird (⌘+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

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

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

The text editing functionality got a holistic revamp to improve your user experience (UX) and allow more styling freedom. 

Now you can fully customize the text style and its backgrounds with many options.

The text layer allows you to both resize & scale the text to improve your editing experience.

1. The handles in the corners scale the text layer.

2. The handles in the left & right edges of the layer resize the layer’s width.

Each line fits the container width by default. That’s why resizing the layer width comes in handy.

Also, you can always force a new line by pressing “Enter” during typing.

Now, you can fully customize the style of your text layers. 

Add background to your text, colorful borders, split lines between your text, or even add text shadow to the letters.

It’s an easy way to create unique text effects for your designs that match your branding.

BrandBird showcases a gallery with popular text effects for inspiration about the text styling. They also show you the possibility with the new styling options.

Feel free to explore the gallery and suggest any new text effects to me at jim(at)brandbird.app.

We've added the justify align option now!

It stretches the lines so that each line has an equal width (like in newspapers and magazines).

By default, the last line does not use the justify option to avoid weird visual bugs.

Learn more details about the text annotation layers functionality and its new features.

Text Annotation Layers

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

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

  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

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

🔌 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

If you use Figma on your browser, the authentication process might not be necessary. As long as, you’re already logged in on the specific browser.

The BrandBird Figma plugin uses a unique API key to identify your BrandBird account. Hopefully, acquiring the API key and setting it up on Figma is very simple.

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

 and paste your API key into the input field. Click Save and you’re ready!

Tip: Hit CMD + / or CMD + / the quick Figma search and type BrandBird to find the plugin commands quicker.

Learn how to connect your BrandBird account to our Figma plugin and use all the PRO features.

How to setup the BrandBird Figma plugin

You can bring your team to BrandBird and level up your content creation process.

All the team members have access to the Templates, Watermarks, and Brand Kits within the team, and their accounts have access to all the BrandBird Pro features.

The team owner handles the team billing, so you won’t have to worry about sharing your credit card credentials anymore.

Let’s see how you can create a team in 3 simple steps!

 and fill in your team name and upload your logo.

The team name and logo will be visible to your team member invitation and their dashboard, so it’s a good practice to use recognizable assets.

You can invite as many team members as you want. Add their email address and their team role. For now, all the members (including the owner) can edit only their own templates but view all the team templates.

The team plan pricing is simple & transparent. 

Note: the owner counts as a user as well.

Once you upgrade your team, we automatically upgrade your and your team's accounts and invite your team members via email.

You’ll get an email notification when a team member accepts their invite.

We support small startups, indie hackers, and bootstrapped teams, so feel free to reach out for special prices at 

Below you can see a preview of the invitation email:

Learn how to create your a team & invite your team members to your BrandBird account.

How to create a Team

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

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

Use Transparent Background

Quick tutorial to learn how to switch your paid BrandBird account from monthly to annual billing.

Click the top right menu inside the BrandBird studio, or in 

. Then, select the Billing menu option and you’ll be redirected to Stripe (our payment provider).

Under the current plan menu, you should be able to see your active subscription. Then, click the "Update plan" button next to your subscription.

First, click the “Yearly” tab in the “Plans available” section, and then find the BrandBird Pro annual card and click “Continue”.

Stripe will calculate the new amount you have to pay automatically and prompt you to update your subscription.

Please, reach out to jim@brandbird.app if you have any further questions or need help.

How to switch from monthly to annual billing

The BrandBird JS SDK allows developers to easily integrate the BrandBird editor into their website with a few lines of code.

Developers have the option to customize BrandBird with their company brand colors, and the logo by passing a few parameters.

Customers will see the BrandBird editor as part of your product and access it without any limitations.

The BrandBird JS SDK is perfect for businesses looking to provide their customers with an easy-to-use image editing tool. With the JS SDK, you can integrate a user-friendly image editor seamlessly into your website, giving your customers access to all the features of the editor without leaving your site. This makes it easier for your customers to create & edit images without having to learn a new interface or leave your website.

The pricing for the BrandBird JS SDK is based on monthly views. A view is counted every time someone opens the editor from your domain. The pricing is as follows:

If you need more than 5k views per month, you can 

Another alternative is to integrate BrandBird into your app without the white label option.

In this scenario, customers will see BrandBird with its official brand colors and have the limitation of the free tier (unless they own a BrandBird Pro license).

It is worth noting that this option is free of charge.

Learn more details about the BrandBird JS SDK that allows developers to integrate the BranBird image editor into their own website & apps.

All Posts

Articles about BrandBird's features, integrations, and how to use them.

The Most Powerful Image Editor
for SaaS Founders

All Posts

Articles about BrandBird's features, integrations, and how to use them.

The Most Powerful Image Editor for SaaS Founders

The Most Powerful Image Editor
for SaaS Founders