Blog
Thoughts, tutorials, and updates.
March 10, 2026 · Amarneethi
Setting Up Your Design System for AI — A Practical Starter Guide
Getting AI to generate UI that matches your design system takes more than a good prompt. Here's how to set up your project so AI works with your system, not against it.
March 9, 2026 · Amarneethi
Building Search and Filter in React — A Designer's Guide
Search and filter are some of the most important UX patterns in product design. Here's how to build them in React using controlled inputs and derived data.
March 8, 2026 · Amarneethi
The 20 Components Every B2B Design System Needs
Most B2B products are built on the same 20 components. Here's the list, why each one matters, and which ones to prioritise when building an AI-optimised system.
March 7, 2026 · Amarneethi
LIE — The Constrained Language That Makes AI Generate Better UI
AI generates more reliable UI when given a constrained vocabulary. LIE (Layout Implementation Expression) is a minimal subset of React and Tailwind designed exactly for this.
March 6, 2026 · Amarneethi
Tailwind CSS for Designers — Styling in the Age of AI
Tailwind CSS maps almost directly onto Figma's design language. Here's why it's the styling system AI uses best — and how to read it fluently.
March 5, 2026 · Amarneethi
The Small Team Productivity Paradox in the Age of AI
Adding people to a team makes it slower, not faster. AI amplifies this paradox — but also offers a way out. Here's why small, autonomous teams win.
March 3, 2026 · Amarneethi
How to Learn React (or Anything) With AI as Your Pair Programmer
AI doesn't just write code — it can teach you how to write it. Here's a set of techniques for using AI to genuinely learn, not just copy.
February 26, 2026 · Amarneethi
Building an AI-Native Design System
A standard design system and an AI-native one are different things. Here's how to build a design system that AI can actually use — and why compression is the key.
February 24, 2026 · Amarneethi
Claude Chat vs Claude Code vs Claude Projects — Which Should Designers Use?
Three tools, three use cases. Here's how to pick the right Claude interface for the job — and why the choice matters more than you'd think.
February 19, 2026 · Amarneethi
Why AI Gets Confused in Large Codebases — Context Windows Explained
AI coding tools work brilliantly in small files and fail mysteriously in large ones. The reason is context windows — and understanding them changes how you use AI.
February 17, 2026 · Amarneethi
How to Prompt AI for Better UI — The Right Way to Start
The quality of AI-generated UI is almost entirely determined by the quality of your prompt. Here's a starter prompt that consistently produces good results.
February 12, 2026 · Amarneethi
Building Forms in React — From Design to Working Component
Forms are one of the most common UI patterns and one of the trickiest to prototype. Here's how React handles them, and how to get AI to generate them correctly.
February 5, 2026 · Amarneethi
Rendering Lists in React — A Designer's Guide to .map()
Almost every UI has a list — contacts, cards, menu items, search results. Here's how React renders them, and why .map() is the pattern you need to know.
January 29, 2026 · Amarneethi
useState — How Interactivity Works in React
useState is the hook that makes React components interactive. Here's what it is, how it works, and why designers should care.
January 22, 2026 · Amarneethi
Your First React Component — A Designer's Walkthrough
Building your first React component doesn't have to be overwhelming. Here's a step-by-step walkthrough using an "Add to cart" button as your starting point.
January 15, 2026 · Amarneethi
How to Read React Code as a Designer
React code looks intimidating at first. Here's a practical guide to decoding it using concepts you already know from Figma.
January 8, 2026 · Amarneethi
Why Designers Should Learn React
React is the most widely used UI framework — and the one AI tools know best. Here's why learning it changes everything for designers.