Color AutoUpdater
update frame background colors based on color codes
Plugin Preview
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! ๐
Plugin Details
| Version | 1 |
|---|---|
| Created | June 17, 2024 |
| Last Updated | June 17, 2024 |
| Category | Accessibility tools |
| Creator | Himanshu Rawat |
| Stats | 14 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access ๐ฅ