Blog
Thoughts on design, tools, and building things that work.
figma
design system
components
5 minute read
Building a Button Component Using Figma Variables
Learn how to create a button component in Figma using variables and tokens for a consistent, scalable design system.
Read article
figma
design system
5 minute read
Building My Design System – Part 3: Spacing, Radii & Layout Variables
After colors and typography, in this article I will move on to numerical variables that will handle the spacing, radii and layout.
Read article
figma
design system
5 minute read
Building My Design System – Part 2: Typography Variables
How I set up flexible Figma variables and text styles to keep type consistent, responsive, and easy to update across projects.
Read article
figma
design system
5 minute read
Building My Design System – Part 1: Color Variables
Starting my design system with a solid color setup in Figma — from raw primitives to semantic tokens — to make UI updates fast and consistent.
Read article
figma
design system
5 minute read
Building a Design System for Myself — So I Never Start from Scratch Again
Why I am finally building my own design system and how I will go about it.
Read article
builder.io
5 minute read
A Practical Guide to Data Models and Dynamic Content in Builder.io
A practical guide to Builder.io data models - from structured project content to rich text blogs, plus solving the tricky nested tags problem.
Read article
web design
builder.io
5 minute read
I Built My Personal Website with Builder.io — Here’s How It Went
A closer look at how I used Builder.io to set up my portfolio site. From importing Figma designs to structuring content and launching without a traditional CMS.
Read article
