I'm Derrick, a Product Designer with 5+ years of experience (see my portfolio at https://uxderrick.com/) passionate about building user-centered digital solutions. My background in UX/UI design informs my approach to development. I'm currently expanding my skills into React to bring my designs to life, creating tools that bridge the gap between design and functionality.
These are some of the projects I'm currently working on to expand my development skills and blend design and code:
A Chrome extension that helps extract design tokens and components from any website. Built for designers and developers to quickly analyze and implement design systems. This tool bridges my design system expertise with practical development needs.
Tech: JavaScript, Chrome Extensions API, Design Tokens
Chrome Web Store: Components.lol Extension
A Figma plugin that helps designers quickly generate color palettes. This tool streamlines the design process by automating palette creation based on design principles I've learned through years of UX/UI work.
Tech: Figma Plugin API, JavaScript
Figma Community: Create a Palette Plugin
A podcast discussing design challenges, career growth, and the future of product design. Features interviews with leading designers and practical tips for the design community.
Status: Active with 12+ episodes
Listen: Edge Cases Podcast
A writing tool focused on improving copywriting and content creation workflows. This tool addresses common pain points I've observed in content creation during my design projects.
Tech: React, Modern Web APIs
Demo: https://copy.uxderrick.com/
An image editing tool that removes backgrounds from images. Built to solve a common design workflow problem, this tool demonstrates my understanding of both user needs and technical implementation.
Tech: React, Image Processing APIs
Demo: https://bg-remover-dusky.vercel.app/
A community platform showcasing African designers and their work. This project demonstrates my commitment to building inclusive design communities and supporting underrepresented designers.
Tech: React, Community Platform Features
Demo: https://designers.africa/
A design tool focused on color accessibility and contrast checking. This project combines my accessibility knowledge from UX design with practical development skills.
Tech: React, Color Theory Algorithms
Demo: https://colorless-ux.vercel.app/
A typography tool that helps designers discover and pair fonts effectively. Drawing from my typography experience in design, this tool makes font selection more intuitive.
Tech: React, Font APIs
Demo: https://font-pear.vercel.app/
A design tool that generates inspirational quotes for design projects. This tool helps designers quickly add meaningful content to their mockups and prototypes.
Tech: React, Quote APIs
Demo: https://quotegen-ux.vercel.app/