Moonchild

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

A practical guide showing how product teams can use Moonchild AI to accelerate the prototyping process from requirements to design 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 Go from Product Requirements to UI Flows with AI
Tutorials

How to Go from Product Requirements to UI Flows with AI

Product managers write detailed requirements, but translating them into visual flows usually requires design time. Here's how to turn requirements into UI flows using AI.

Steven Schkolne··5 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
Tutorials

How to Prototype SaaS Features from a PRD

SaaS products rely on specific UI patterns that generic tools miss. Here's how to turn SaaS PRDs into realistic prototypes using Moonchild AI and your design system.

Steven Schkolne··5 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
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

Most design leads spend days converting a PRD into screens. Moonchild AI collapses this timeline — paste your PRD, and watch it generate a full, multi-screen prototype with real interactions in minutes.

Steven Schkolne··4 min read