Archive - Design with AI

🐴 My Top 14 Claude Code Commands

How and when to use them

Jun 12 • Xinran Ma

🐴 How I turned 1,376 Substack notes into a website with Claude Code

From design systems and design iterations to Git workflows and deployment

Jun 2 • Xinran Ma

May 2026

🐴 Five Insights from Workflows to Think, Test, Build, and Ship with AI

What ÌníOlúwa shared at AI-Powered Design Workflow Season 1

May 24 • Xinran Ma

🐴 Season 2 of AI-Powered Design Workflows Is Here — Six Talks Next Week

Get practical insights from leading designers at Google, LinkedIn, and beyond

May 12 • Xinran Ma

April 2026

🐴 Claude Design: A Designer's Walkthrough and Honest Take

A hands-on guide to the features, workflows, and trade-offs

Apr 27 • Xinran Ma

🐴 A new way to design prompts

Two mistakes I made while designing for an AI product

Apr 14 • Xinran Ma

🐴 Exploring Pencil.dev: Walkthrough and Impressions

Interfaces, features, issues, and more

Apr 3 • Xinran Ma

March 2026

🐴 My hands-on walkthrough of Google Stitch's biggest upgrades yet

A designer's breakdown of the new "vibe design" features that matter

Mar 20 • Xinran Ma

🐴 How to set up the Figma → Cursor workflow [continued]

Node, Next.js, and frequently asked questions

Mar 14 • Xinran Ma

🐴 How to set up the Figma → Cursor workflow

A detailed crash guide for beginners

Mar 4 • Xinran Ma

February 2026

🐴 Upcoming talks and special mini-courses on design with AI

Practical workflow walkthroughs from expert designers

Feb 22 • Xinran Ma

🐴 How to use Stitch to ideate designs

A step-by-step case study with the latest features and tips

Feb 10 • Xinran Ma