🐴 How designers can use Claude Code

A hands-on walkthrough with live demos and tips

Oct 30 • 

Xinran Ma

15

🐴 Lovable Crash Course

A detailed walkthrough of its features with tips and tricks

Oct 14 • 

Xinran Ma

42

12

🐴 How to install Claude Code

A step-by-step guide with multiple options

Oct 2

31

11

September 2025

🐴 Web Development 101 for AI Builders: Concepts Explained

A beginner's guide to: React, Shadcn, Tailwind, Next.js, Node, MCP, Git, etc

Sep 22 • 

Xinran Ma

32

8

🐴 How to build your first AI app with Cursor in 15 minutes

From setup to connection: Cursor + OpenAI API in simple steps

Sep 8 • 

Xinran Ma

42

17

🐴 My 2 favourite vibe-coding techniques that help when prompts aren't enough

A guest post by Nimisha Patil

Sep 1 • 

Xinran Ma

 and 

Nimisha Patil

42

8

August 2025

🐴 How to strategically integrate AI into design thinking

An example walkthrough using different techniques

Aug 23 • 

Xinran Ma

69

6

🐴 Fusion: Imagine Cursor and Figma have a baby

A detailed walkthrough of its special features

Aug 10 • 

Xinran Ma

38

12

🐴 From Idea to Revenue: How I Built XR Jobs Board With 0 Technical Experience

A guest post by Krystian Zun

Aug 1 • 

Xinran Ma

 and 

Krystian Zun

25

5

July 2025

🐴 Creating smarter presentations with AI

A new AI-powered workflow that integrates slides, designs, and prototypes

Jul 17 • 

Xinran Ma

27

3

🐴 Vibe Designing with AI from an existing design

A step-by-step case study walkthrough

Jul 4 • 

Xinran Ma

70

6

June 2025

🐴 My favorite AI features in Figma

And impressions of other features

Jun 22 • 

Xinran Ma

30

6