Thoughts & Thinking
The Blog.
Insights on design thinking, product strategy, and the intersection of AI and creativity.
Migrating My Website From Builder.io to Custom Code
I migrated my website from Builder.io to a custom coded stack with Next.js, Sanity, and an AI code assistant. Here is what changed and why it finally made sense.
NotebookLM + AI Code Assistant: A Research Setup AI Can't Hallucinate From
NotebookLM connected to an AI code assistant via MCP: the setup, a real example, and the design applications I'm exploring next
AI Code Assistants Are Only as Good as Your Design Thinking
AI won’t shortcut the design process. But if you structure your thinking clearly, it can turn strategy into working prototypes fast.
How to Build a Custom Carousel in Builder.io (Without the Widget)
Learn how to built a fully functional image carousel without relying on any widgets or external libraries.
Prototyping in Figma: Design vs Make vs Sites
Comparing Figma Design, Make, and Sites to see which works best for multi-page prototypes.
Why My Components Broke in Figma Sites — and How I Fixed It
Troubleshooting Figma Sites: why imported components break and how to fix navbars, cards, and hover states in your prototype.
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.
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.
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.
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.
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.
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.
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.
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.