CodeColor is a lightweight Figma plugin built to accelerate the design process. It allows users to instantly generate a visual color palette on their canvas from a simple list of hex color codes.
🔧 The plugin consists of
- A simple UI for inputting colors
- The core plugin logic that interacts with the Figma canvas
🚀 Key Features
✅ Bulk Color Import
Paste a list of hex color codes separated by commas or spaces into a simple textarea.
🎨 Automatic Palette Generation
Creates a styled rectangle for each color, arranged neatly on the canvas for immediate use.
🧠 Smart Canvas Interaction
- The generated rectangles are automatically grouped together.
- The new group is selected for immediate manipulation.
- The viewport scrolls and zooms to focus on the newly created palette.
🎯 Hex to RGB Conversion
The plugin handles the conversion from hex codes to the RGB format required by the Figma Plugin API.
🛠️ Technology Stack
Plugin Logic
- TypeScript
- Figma Plugin API
User Interface
- HTML
- CSS