BrandBird UI Revamp 🚀
Written by Jim Raptis
Feb 18, 2022
![BrandBird UI Revamp 🚀](https://www.notion.so/image/https:%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fdebf8a97-3c1f-4fb2-acc0-405aecc5e46a%2FUntitled.png?table=block&id=eea4bbbf-a328-4a34-9344-7238661398be&cache=v2)
I’m very excited to introduce you to the brand new BrandBird editor UI!
The main reasons behind the radical design update are:
- Enhance the user experience
- Speed up future development time
- Prepare the ground for two new features 👀
Let’s dive in!
👋 Say hi to the new sidebar
![](https://www.notion.so/image/https%3A%2F%2Fstorage.googleapis.com%2Fbrandflow-bucket%2Fbrandbird%2Fgifs%2Fnew-design%2Fsidebar.gif?table=block&id=741caa85-692b-4d5a-9bd0-99898748699c&cache=v2)
You can choose the sidebar section without having to scroll down the entire section - let’s be honest it was really annoying!😬
Now you can see one section at a time, and focus more on your graphic creation process!
Plus, you can quickly add an annotation layer by simply hitting the blue “Plus” button at the bottom of the sidebar.
![](https://www.notion.so/image/https%3A%2F%2Fstorage.googleapis.com%2Fbrandflow-bucket%2Fbrandbird%2Fgifs%2Fnew-design%2Fannotation-fab.gif?table=block&id=3a0910f8-274e-48db-bb93-a77ad6975d6f&cache=v2)
Add mooore images 🎉
You request it! We provide it!
Adding more than one image on your canvas was the most requested feature. Now you can add up to 4 images to your creation.
![](https://www.notion.so/image/https%3A%2F%2Fstorage.googleapis.com%2Fbrandflow-bucket%2Fbrandbird%2Fgifs%2Fnew-design%2Fcopy-image.gif?table=block&id=4c7c5212-2813-4161-9196-f3c0fd3d822b&cache=v2)
To make your life easier and save you some time the border, shadow, mockup, and 3D effect options apply to all your images automatically.
Cmd+V
to change the main image, Cmd+Shift+V
to add extra images.
If you’re on Windows use the Ctrl
button instead of Cmd
Layouts are here 💥
Another exciting feature is Layouts!
![](https://www.notion.so/image/https%3A%2F%2Fstorage.googleapis.com%2Fbrandflow-bucket%2Fbrandbird%2Fgifs%2Fnew-design%2Flayouts.gif?table=block&id=fcd30548-29cc-44fc-ad48-bac54df858bc&cache=v2)
The layout option is available only when you add more than 1 image to your canvas. Essentially, it allows you to arrange the images on a predefined layout.
👉 Submit your layout ideas here!
Undo, redo functionality
Speed up your flow, and avoid frustration (!!!), with our undo and redo buttons. They come with two new shortcuts Cmd+Z
for undo and Cmd+Shift+Z
for redo.
If you’re on Windows use the Ctrl
button instead of Cmd
Export panel changes position
Be careful! 🚨
The export panel is located at the top right corner of the screen now! It felt more natural to place it there.
![](https://www.notion.so/image/https%3A%2F%2Fstorage.googleapis.com%2Fbrandflow-bucket%2Fbrandbird%2Fgifs%2Fnew-design%2Fexport-panel.gif?table=block&id=d158ca28-00fe-45b7-a1e8-5e3a1ff58cfa&cache=v2)
Of course, all the export shortcuts for exporting your image are still working nicely!
Cmd+C
to copy to your clipboard and Cmd+B
to download as PNG.
If you’re on Windows use the Ctrl
button instead of Cmd
That’s all for now. Stay tuned for more 🔥 features in the future!