Personal
Minimal Design System
A multi-brand Design System, built from the ground up in Figma, then translated into a documentation site built from scratch with the help of Claude Code.
View siteThe project
This project started as a way to display my capabilities to the Figma community by posting a public Design System which any designer could download.
Built as a multi-brand system powered by variables, it contains colour, spacing, radius, and text values for 3 brands which each have different styles. These are enabled through changing modes in Figma. Light and Dark mode integration was also included in the release.
The rise of Claude capabilities during my time building the system in Figma made me think about the possibility of taking the project a step further and creating a public documentation site alongside the Figma resource.
I designed the pages for the site in Figma, and worked with Claude to develop my knowledge of hosting my own GitHub repo, publishing the site through CloudFlare. The end product is a fully functional documentation site which was coded by Claude but designed by me.
View site
