moonlearning by Christine Vallaure

AI Cohort

Cohort 1

A free drag-and-drop Figma library for creating websites with Figma Sites.Includes tutorials to help you get started fast. Use it to build your own site or explore the file to understand responsive layouts, variables, and typography best practices.

Free Figma Library File for Website Best Practices

Free download: Vibe Coding with Lovable (1-Hour Guide) Learn how to build a real web app by prompting Lovable. Create your first product, polish it, and understand what’s happening under the hood, including databases, authentication, and APIs.

Getting Started with Vibe Coding and Lovable AI

From Figma foundations to shipped product — in 5 weeks.

Founder moonlearning · 2× Config Speaker

Christine Vallaure

Founder, moonlearning.io · 2× Figma Config speaker · Awwwards Jury

4-week hybrid course AI agents are reshaping how products get built. Designers who get this will have more creative control than ever. Designers who don't will find themselves further from the decisions that matter.Most courses on this are built for developers. This one is built especially for designers working in Figma, no engineering background needed.Weeks 1 to 3: Core Figma properly. Components, variables, auto layout, and naming. Understanding the foundation from the basics to the pro setup. Skip this, and all AI you add is built on sand and useless.Week 4: Get AI Agent ready: MCP and Code Connect demystified for designers, and a live exercise building your own lightweight agent with Claude Cowork.No fluff. No detours. Just the skills that matter right now.<hr> Includes:🧭 How it works, why it matters, design and code reality✍️ Hands-on exercises every week📌 Essentials first, extra mile optional🧩 One real project connecting everything🔀 Self-paced videos plus live sessions with Christine🚀 Week 4: Agentic AI for Designers, from MCP to making your own agent

The design skills that make you agent-ready

From pretty screens → a scalable UI foundation

From feature overwhelm → using Figma features with purpose

From handoff friction → dev & agent understanding

From Figma file →  Agent-ready AI design system

This course builds on basic Figma knowledge. You should know your way around the interface and core tools.

You should already be comfortable with:

Designers levelling up in FigmaYou know the basics but want real confidence in how your files are set up and why.

Designers who feel the AI shift comingUnderstand what agentic AI means for your work without wading through developer-focused content.

Designers working in teamsYou want a cleaner structure, better handoff, and a file that communicates intent clearly to humans and agents.

Build and Launch Your First Product with AI  – For Beginner

Founder, moonlearning.io · Author of the Solo · International Speaker

For PMs, designers, ops, and founders who want to build internal tools, prototype fast, or launch their own products

No technical background required

In one hour, we go from prompt to live product. You’ll see the full build and deploy flow, step by step.

From first prompt to shipped app

Quick overview of the main AI builders, how they differ, why Lovable is useful, and how to continue building on your own

Get oriented in the AI builder landscape.

AI Basics: Where to Start. Explained In 30 Minutes

Simple explanation and a clear look at what there is, what you can use as a beginner and what’s still out of reach.

Understand what people mean when they say “AI” today

What models like GPT or Claude actually are. Why are so many AI tools built on them, and why does that matter for everyo

Understand how modern AI tools actually work

Gen AI, agentic AI, vibe coding, ChatGPT vs Claude, OpenClaw, Cursor 🤯  Broken down + explained simply for beginners.

The current AI landscape

Leave with a simple mental map of the AI landscape and the first tools to try.

Know where to start without the overwhelm

Design Figma Files That Scale

Founder moonlearning · 2× Figma Config Speaker · Awwwards Jury Member

Using powerful features isn’t the goal. Knowing when they help and when they get in the way is.

Why overengineering can be the fastest way to break a file

Variables, components, states, and naming. How each piece works together to keep a file calm and predictable as projects

The structure behind files that scale

Sustainable workflows aren’t about perfection. They’re about files that can be understood, changed, and reused over time

Build Figma files that stay usable months later

Fix Your Figma Auto Layout Confusion

Founder, Moonlearning · 2× Figma Config Speaker · Awwwards Jury

In just 30 minutes, you’ll see why Auto Layout feels confusing and finally understand the structure behind it.

Rebuild Auto Layout from scratch in 30 minutes

Auto Layout is built on Flexbox and CSS Grid. I will show you! And once you see the logic behind them, it clicks.

Understand Auto Layout using real CSS (Flexbox + Grid)

Figma is inspired by code but Figma is not the browser, so you need to know when to document and when to talk to dev.

When Auto Layout aligns with Code — and When It Doesn’t

Tech test session

Name

Example: VP at Top Company (ex-Role at Previous Company)

Offer a concrete and concise explanation of how you will
help students understand and apply this lesson.


Learn directly from moonlearning by Christine Vallaure

moonlearning by Christine Vallaure

Courses

Build Scalable UI in Figma — Designers Ready for Agentic AI

Lightning Lessons