Color AutoUpdater

About this plugin

🚀 Color AutoUpdater is your go-to Figma plugin for effortlessly keeping your design colors in check! Say goodbye to manually updating frame backgrounds and hello to automation.

✨ What it does:

🔍 Scans all frames on the current page for text nodes with valid hex color codes.

🎨 Updates frame backgrounds to match the detected hex color code.

🌓 Ensures text readability by switching text to white on dark backgrounds and black on light backgrounds.

🧼 Sets default colors (white background, black text) for frames without a color code, ensuring a clean and consistent look.

🛠️ How to use it:

Select the Page: Open your Figma file and navigate to the page you want to update.

Automatic Update: The plugin scans all frames on the page and updates background colors based on the hex codes found in text nodes.

Review Changes: Frames with valid hex codes will have their backgrounds updated and text colors adjusted. Frames without hex codes will have a default white background and black text.

⚠️ Relevant limitations:

The plugin supports only 6-character hex color codes (e.g., #FFFFFF).

It works on the current page only, so run it separately for each page in your Figma file.

Frames without color codes will be set to a white background and black text, which might override custom defaults set by the user.

💡 With Color AutoUpdater, maintain a polished and consistent design effortlessly, saving you time and ensuring color accuracy and readability. Try it now and elevate your design workflow! 🌟