Tutorials

21 articles in this category

Design Critique Frameworks That Actually Work for Junior Designers
Tutorials

Design Critique Frameworks That Actually Work for Junior Designers

Most junior designers dread critique — not because the feedback is harsh, but because they lack a framework. Here are five practical frameworks that make critique actionable and learnable.

Steven Schkolne··4 min read
Figma + Moonchild AI: The Complete Workflow Guide
Tutorials

Figma + Moonchild AI: The Complete Workflow Guide

Learn how Moonchild and Figma complement each other. Discover the complete workflow from generation to refinement, design system integration, and multi-team patterns.

Nicolas Cerveaux··10 min read
From Brief to High-Fidelity: A Realistic UI Design Workflow
Tutorials

From Brief to High-Fidelity: A Realistic UI Design Workflow

Most workflow guides describe an idealized process that doesn't survive contact with real projects. This guide focuses on what the work actually looks like — from brief to pixel-perfect screens.

Steven Schkolne··3 min read
How PMs Can Generate UI Prototypes Without Designing
Tutorials

How PMs Can Generate UI Prototypes Without Designing

As a PM, you define requirements — but visualizing them usually depends on a designer. Here's how to generate interactive UI prototypes directly from written requirements using AI.

Steven Schkolne··4 min read
How Product Teams Use Moonchild AI for Rapid Prototyping
Tutorials

How Product Teams Use Moonchild AI for Rapid Prototyping

Learn how product teams use Moonchild AI to go from PRDs to interactive prototypes in minutes. A step-by-step guide covering generation, iteration, design system integration, and developer handoff.

Lotanna Nwose··6 min read
How to Go from PRD to Multi-Screen UI Flow with AI
Tutorials

How to Go from PRD to Multi-Screen UI Flow with AI

A PRD often describes a feature that spans multiple screens. Here's how to translate those requirements into a connected UI flow using AI, before detailed design work begins.

Steven Schkolne··5 min read
How to Import a Figma Design System into Moonchild AI
Tutorials

How to Import a Figma Design System into Moonchild AI

Learn how to connect your existing Figma design system to Moonchild AI so that generated screens align with your components, tokens, and styles — reducing the gap between AI concepts and production-ready design.

Steven Schkolne··5 min read
How to Present Multiple Design Directions to Stakeholders
Tutorials

How to Present Multiple Design Directions to Stakeholders

Presenting a single design and defending it is the old way. Presenting multiple directions and facilitating a structured conversation is how high-performing design teams work.

Steven Schkolne··3 min read
How to Turn Feature Specs into Clickable UI Prototypes
Tutorials

How to Turn Feature Specs into Clickable UI Prototypes

A feature spec defines acceptance criteria in text. AI tools like Moonchild can turn that spec into a clickable prototype so your team can validate it visually against each criterion.

Steven Schkolne··4 min read
Rapid Prototyping 101 with AI: From Idea to Testable Design in Hours
Tutorials

Rapid Prototyping 101 with AI: From Idea to Testable Design in Hours

AI tools like Moonchild AI let designers go from brief to testable, multi-screen prototype in under a day. Here's a step-by-step guide to rapid prototyping with AI.

Steven Schkolne··4 min read
How to Prototype Product Ideas from a Single Prompt
Tutorials

How to Prototype Product Ideas from a Single Prompt

You have a product idea but no time to write a full spec. Here's how to go from a single written prompt to a visual prototype using AI design tools like Moonchild.

Steven Schkolne··5 min read
How to Generate User Flow UI for a New User Journey Using AI
Tutorials

How to Generate User Flow UI for a New User Journey Using AI

Learn how to use AI to generate complete, consistent user flows with multiple screens that maintain visual hierarchy, navigation patterns, and information architecture across the entire journey.

Nicolas Cerveaux··8 min read
How to Turn a PRD into a Clickable Prototype Using AI in 2 Mins
Tutorials

How to Turn a PRD into a Clickable Prototype Using AI in 2 Mins

Turn written product requirements into a clickable prototype in minutes using Moonchild AI. This guide walks through the workflow from PRD to interactive screens.

Steven Schkolne··4 min read
How to Turn Product Prompts into Testable UI Flows
Tutorials

How to Turn Product Prompts into Testable UI Flows

User testing requires screens that feel real enough for users to interact with naturally. Here's how to turn a product prompt into a testable UI flow in minutes with Moonchild AI.

Steven Schkolne··4 min read
Tutorials

How to Use AI to Rapidly Test Multiple UI Hypotheses

Every interface decision is a hypothesis. Instead of committing to one direction, use AI to generate multiple UI variants, test them fast, and validate the best approach before engineering begins.

Steven Schkolne··6 min read
PRD-to-Prototype Workflow with AI: The Complete Guide
Tutorials

PRD-to-Prototype Workflow with AI: The Complete Guide

The complete guide to going from PRD to interactive prototype using AI. Five stages that compress weeks of design work into days while reducing risk.

Steven Schkolne··7 min read
Bringing Screens From Figma Into Moonchild
Tutorials

Bringing Screens From Figma Into Moonchild

Moonchild isn't just for generating screens from prompts. You can import existing Figma designs and use them as a starting point for AI-powered exploration and variations.

Steven Schkolne··3 min read
How to Export AI-Generated UI from Moonchild to Figma
Tutorials

How to Export AI-Generated UI from Moonchild to Figma

You've generated screens in Moonchild that your team loves. Now you need them in Figma — not as static images, but as real, editable files. Here's how to do it in seconds.

Steven Schkolne··4 min read
From AI Design to Code: Using Moonchild AI with Claude Code, Lovable, and Cursor
Tutorials

From AI Design to Code: Using Moonchild AI with Claude Code, Lovable, and Cursor

The complete guide to taking Moonchild AI designs and shipping them as real code using Claude Code, Lovable, Cursor, and Bolt. How the downloadable design system makes every dev tool work better.

Nicolas Cerveaux··9 min read
How to Generate a Complete Design System with Moonchild AI (Step-by-Step)
Tutorials

How to Generate a Complete Design System with Moonchild AI (Step-by-Step)

A hands-on walkthrough of building a design system with Moonchild AI. Two paths to get started, what the DS editor includes, and how to use your system across every project and dev tool.

Steven Schkolne··10 min read
From Prompt to Production UI: How Designers Actually Generate Interfaces with AI in 2026
Tutorials

From Prompt to Production UI: How Designers Actually Generate Interfaces with AI in 2026

The complete guide to generating production-quality UI with AI. Learn the prompt-to-prototype workflow that product designers use to go from requirements to testable interfaces in minutes.

Lotanna Nwose··13 min read