moonlearning by Christine Vallaure

AI Cohort

Cohort 1 (May 2026)

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 Agentic AI is 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, Claude and agent-readable files demystified for designers, and a live exercise building your own lightweight agent with Claude Cowork.<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 understanding MCP to making your own agent Note: You'll get a free Figma Edu invite. Week 4 covers building agents with Claude — a Pro account lets you follow along hands-on, otherwise you can watch.

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.

Learn directly from moonlearning by Christine Vallaure

moonlearning by Christine Vallaure

Courses

Build Scalable UI in Figma — Designers Ready for Agentic AI

Lightning Lessons

Build and Launch Your First Product with AI – For Beginners

AI Basics: Where to Start. Explained In 30 Minutes

Design Figma Files That Scale

Fix Your Figma Auto Layout Confusion

Tech test session

Resources

Getting Started with Vibe Coding and Lovable AI

Free Figma Library File for Website Best Practices

Free Figma Library File for Website Best Practices

Getting Started with Vibe Coding and Lovable AI