Inked Colibri – A Figma Plugin for Effortless Color Management 🎨

Managing colors in a design system can be time-consuming. Inked Colibri simplifies the process by letting you import color schemes from Real-Time Color and convert them into structured Figma variables, including shades and alpha variations.

🔹 APCA Color Compatibility Matrix – Evaluate contrast values (15–106) across your color palette for better accessibility.

🔹 Token Commander – Import a JSON file to generate Figma styles and variables, automatically linking them based on names in your JSON.

🔹 Replace Style Path – Quickly swap out entire color schemes within a variable set.

It also comes with a starter design system, which is small for now but continuously expanding.

The plugin is in early access, and I’m actively improving it—fixing bugs, adding features, and refining the workflow.

💡 Try it now: https://www.figma.com/community/plugin/1460728764618520613/inked-colibri-rtc-converter-and-more

Let me know what you think!

• Successfully managed multiple WordPress-based websites, ensuring their functionality, performance, and visual appeal.

• Developed custom Gutenberg blocks and fields to empower clients with intuitive site management capabilities, enhancing their control over content and layout.

• Meticulously conducted tests and diligently debugged ongoing projects, guaranteeing a seamless user experience and resolving any issues promptly.

• Collaborated closely with clients to understand their specific requirements and extend website functionality accordingly, providing tailored solutions to meet their needs.

• Demonstrated adaptability by incorporating client-requested features and improvements into existing projects, contributing to customer satisfaction and project success.

Led the comprehensive redesign of the primary project's user interface, with a specific focus on enhancing user experience and visual appeal. Key considerations included:

• Easy theming: Implemented a theming system that allowed for seamless color scheme changes across the entire site using a single file.

• Dark/light modes: Ensured that each color scheme featured both dark and light mode options, catering to user preferences.

• Mobile optimization: Developed a mobile-responsive version of the website, ensuring that it met the criteria for easy theming and dark/light modes.

• Collaborated with a cross-functional team to design and develop user interfaces for the insurance company's platform.

• Utilized Angular to create responsive and visually appealing user interfaces, ensuring a seamless user experience.

• Developed and maintained reusable Angular components to streamline the development process, enhancing code efficiency and consistency.

• Conducted thorough testing and debugging to identify and rectify any issues or inconsistencies in the user interface.

• Worked closely with the design team to translate wireframes and design mockups into functional HTML and CSS layouts.

• Implemented best practices in HTML and CSS to optimize web page performance and ensure compatibility across various browsers.

• Stayed up-to-date with emerging web development trends and technologies, incorporating relevant innovations into the user interface design.

• Spearheaded the development of a cross-browser compatible user interface, adhering to provided design specifications.

Leveraged Angular to create dynamic and responsive web interfaces that met the project's requirements.

• Collaborated closely with the design team to ensure the seamless translation of design mockups into functional HTML and CSS layouts.

• Conducted rigorous testing and quality assurance to guarantee the consistency and functionality of the user interface across various web browsers.