🎉 Version 3.0 with 13+ tool support is currently under review by Chrome Web Store See what's new →

Your Color Palette Companion
for Every Design Tool

Copy, organize, and sync brand colors instantly across Figma, Canva, Google Slides, Webflow, Miro, Notion, Articulate Rise, and more. One click, perfect consistency.

Get BuddyBar Free

Works Everywhere You Design

BuddyBar seamlessly integrates with all your favorite creative tools

Figma logo
Figma
Canva logo
Canva
Adobe Express logo
Adobe Express
Spline logo
Spline
Framer logo
Framer
Webflow logo
Webflow
Penpot logo
Penpot
Miro logo
Miro
Notion logo
Notion
Google Slides logo
Google Slides
Google Docs logo
Google Docs
Google Sheets logo
Google Sheets
Articulate Rise logo
Articulate Rise
Request a platform
Request a Platform

Who Uses BuddyBar?

Designers, creators, and teams who value brand consistency

🎨

Graphic Designers

Keep brand colors synced across Figma, Canva, and Adobe Express. No more switching tabs to find the right hex code.

📊

Presentation Designers

Build consistent decks in PowerPoint and Google Slides faster. Access your brand palette with one click.

🎓

Instructional Designers

Maintain course branding in Articulate Rise effortlessly. Create professional eLearning with perfect color consistency.

Powerful Features, Simple Interface

Everything you need to manage brand colors across all your design tools

BuddyBar copy notification in action

One-Click Color Access

Click any swatch to copy hex codes instantly. Whether you're in Figma, Canva, or PowerPoint, your brand colors are always one click away.

Template management dropdown

Unlimited Color Swatches

Create templates with as many colors as you need. Add, edit, rename, and reorder swatches with drag-and-drop simplicity.

Dragging BuddyBar to different positions

Local Storage & Team Sharing

All your templates are stored locally on your device for instant access. Export color templates as .buddybar files and share them with your team. Everyone works with the same brand colors, no matter which tool they prefer.

How It Works

Get started with BuddyBar in three simple steps

1

Install & Launch

Add BuddyBar to Chrome. It appears automatically when you open any supported design tool.

BuddyBar appearing in design tools
2

Set Your Colors

Right-click any swatch to customize colors. Add unlimited swatches and create templates for different brands or projects.

Color editor popup interface
3

Copy & Design

Click any swatch to copy the hex code. Paste directly into any color picker across all your design tools.

Copying and pasting colors

What's New

Track the latest updates and improvements to BuddyBar

Version 3.0.0 - Universal Design Tool Support
November 2025
New
Improved
  • Multi-platform support - Now works in Figma, Canva, Adobe Express, Spline, Framer, Webflow, Penpot, Miro, Notion, Google Slides, Google Docs, Google Sheets, and Articulate Rise.
  • Universal adapter system - Automatically detects which design tool you're using and positions the bar optimally for that platform.
  • Real-time sync across tabs - Changes you make in one browser tab instantly appear in all other tabs on the same device. Perfect for multi-window workflows.
  • Changed keyboard shortcut - Changed from Alt+Shift+C to Alt+Shift+B to avoid conflicts with other tools.
Version 2.0.0 - Unlimited Swatch Support
October 2025
New
Improved
  • Unlimited colors per template - No longer limited to 3 colors. Add as many as you need for complex brand guidelines.
  • Drag-and-drop reordering - Rearrange your colors by dragging them. A ghost preview shows exactly where they'll land.
  • Overflow panel - Clean interface that shows your first 6 colors, with a button to expand and see the rest.
  • Individual color naming - Give each color a custom name instead of generic labels like "Primary" or "Secondary".
  • Import/export templates - Download templates as .buddybar files to share with your team. Import by dragging files onto the bar.
  • Enhanced color editor - Click color names to rename them inline. Delete button for removing unwanted colors.
  • Mini color previews in dropdown - See the first 3 colors of each template at a glance when switching.
  • Confirmation dialogs - Prompts before deleting colors or templates to prevent accidental data loss.
  • Better state management - Faster loading and more reliable syncing across browser sessions.
Version 1.5.0 - Initial Release
September 2025
  • 3 color swatches (Primary, Secondary, Accent) for instant hex code copying
  • Template management system for organizing color schemes
  • Drag-and-drop positioning anywhere on screen
  • Keyboard shortcut (Alt+Shift+C) to toggle visibility
  • Right-click color editor with live preview
  • Seamless integration with Articulate Rise authoring environment

Ready to Transform Your Design Workflow?

Join designers, marketers, and creators who use BuddyBar to maintain perfect brand consistency across every tool.

Add to Chrome - Free
Works with 13+ design tools • No account required • Always free

Get in Touch

Have questions about BuddyBar or want to share feedback?