Home For You Tutorials Claw
🎓 Learn by Doing

From Zero to
UX Master

Step-by-step tutorials that take you from installation to advanced workflows. Build real projects while learning 48 UX Laws and 37 Design Tests.

Getting Started

Start Your Journey

New to UX Master? Start here. Three paths based on your experience level.

Beginner
🌱

5-Minute Quick Start

Get UX Master running in 5 minutes. Figma plugin, MCP server, or CLI — choose your path.

  • Installation
  • First design system
  • Basic validation
Start Tutorial →
Intermediate
🚀

User Guide

Deep dive into UX Master's features. Generate design systems, apply UX Laws, run validation tests.

  • Design system generation
  • 48 UX Laws explained
  • 37 Design Tests
Read Guide →
Advanced

Full Tutorial Library

Master advanced workflows. Harvester v4, Figma bridge, component generation, and more.

  • Harvester v4
  • Figma integration
  • Component generation
Explore All →

By Topic

Browse by Category

📦

Installation

Install UX Master for Figma, CLI, or MCP server. Platform-specific guides.

3 tutorials
🎨

Design Systems

Generate, extract, and maintain design systems. Colors, typography, spacing.

Coming soon
🧠

48 UX Laws

Learn and apply psychological principles. Fitts's Law, Hick's Law, Doherty Threshold.

Coming soon

37 Design Tests

Validate your designs automatically. Mobile, accessibility, color, typography tests.

Coming soon
🎯

Figma Integration

Import/export with Figma. Tokens Studio integration, component syncing.

In Guides
🔍

Harvester v4

Extract design systems from any website. Browser automation, AI visual analysis.

In Technical

Deep Dive

Technical Reference

API documentation, engine architecture, and Harvester v4 technical details.

💻

API Reference

Complete API reference for CLI, Python SDK, MCP Server, and Validation Engine.

🔍

Harvester v4

AI-powered design system extraction. Browser automation and Semi Design mapper.

⚙️

How It Works

Technical deep dive into the UX Master architecture and code generation pipelines.

Featured

Most Popular Tutorials

Beginner 5 min read

5-Minute Quick Start

Get UX Master running in 5 minutes. Choose between Figma plugin, MCP server, or CLI.

📖
Intermediate 15 min read

Complete User Guide

Deep dive into all UX Master features. Generate design systems, validate designs, export to Figma.

⚛️
Developer 20 min read

React Guide (Vietnamese)

Hướng dẫn chi tiết sử dụng UX Master với React — component generation, design tokens, best practices.

Learning Path

Your Journey to Mastery

1

Install & Setup

Choose your platform and get UX Master running in minutes.

View tutorial →
2

Generate Your First Design System

Create a complete design system with colors, typography, and UX Laws.

View tutorial →
3

Apply 48 UX Laws

Learn to apply psychological principles for better user experiences.

Coming soon
4

Validate with 37 Design Tests

Run automated tests to ensure your designs meet quality standards.

Coming soon
5

Advanced: Harvester & Figma

Extract design systems from websites and sync with Figma.

View tutorial →
🎓

Ready to start learning?

Jump into the 5-minute quick start guide and create your first design system today.

Start Learning Now →