Baby Design UI

Passion project turned public Figma library

Overview

I wanted to know what goes into creating a design system. I began a journey of creating and maintaining a scalable UI library for personal use, which enabled me to design quickly in my consulting gigs. Available on Figma Community.

Highlights

2000+ downloads on Figma Community

Became a design system savant

Background

A Baby Was Born

My company spun up a design system that covered most of our use cases when it came to components. When multiple designers started using it, we found that it wasn't easy to switch variants because you'd have to go into the layers to toggle the visibility. We ended up slowly rebuilding components to be more straightforward and future-proof.

Fueled by the struggle of working out of that design system, I created my own design library. This personal project became lovingly known as Baby Design.

Documentation of all the available components in the kit.

Baby Design in Darkmode: Blue.

This is still an ongoing project that I revisit from time to time. I'll be keeping an eye out on Figma's updates to see if there's anything I can apply to Baby Design. Check it out on Figma Community!

Next Project

Acuity Scheduling — Scaling Appointments for Enterprises

I joined the newly minted Enterprise team to shape the product experience of a secure, multi-location scheduling platform for Squarespace's largest customers.