moonletter. Design, product & AI. Weekly notes

moonletter

Practical guides on what is actually happening in design, product and AI and how to use it. Read by over 10,000 designers. What worked, what broke, what I am still unsure about. Three minutes. Free sessions announced here first. Lived and written by me, not generated.

Follow me:

#016: New Website Live + Free Lovable Session Recording

A few updates for you this week. I’ve launched my new personal website using Figma Sites. I’m also preparing the template so I can share it with you for free via this newsletter soon. You’ll be able to launch a website quickly without leaving Figma. Below you’ll also find new workshops and talks....

Feb 07, 2026 figma sites lovable

#015: More about Lovable

*]:pointer-events-auto scroll-mt-(--header-height)" dir="auto" tabindex="-1"> Little reminder: my Lovable course on moonlearning.io has been out since last week and is included in all memberships, so dig in! 🚨 If you already started the course and felt confused, there was a small hiccup. T...

Jan 31, 2026 lovable

#014: My new Lovable course: Building with AI just dropped 🚀

*]:pointer-events-auto scroll-mt-(--header-height)" dir="auto" tabindex="-1"> I’m super excited, just uploaded the brand new Lovable course on moonlearning.io. I became completely obsessed with building in Lovable. It’s a totally different way of creating products. A bit challenging at fir...

Jan 22, 2026 lovable

#013: What You Loved Most in 2025

*]:pointer-events-auto scroll-mt-(--header-height)" dir="auto" tabindex="-1"> *]:pointer-events-auto scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]" dir="auto" tabindex="-1"> These were the most popular posts of 2025. The ones people told me they actually u...

Jan 08, 2026 figma

#012: Understanding the new Figma FR Grid Units

*]:pointer-events-auto scroll-mt-(--header-height)" dir="auto" tabindex="-1"> *]:pointer-events-auto scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]" dir="auto" tabindex="-1"> Just released. Figma Grid now supports fractional (fr) units.This was very high on...

Dec 21, 2025 css figma grid

#011: Building with AI. Vibe or Hype? Let’s find out!

*]:pointer-events-auto scroll-mt-(--header-height)" dir="auto" tabindex="-1"> Let’s strip the hype out of vibe-coding and look at AI building with clear eyes. I’m spending the next few weeks doing an honest deep dive into tools like Lovable and Figma Make. No bro talk. No “one prompt ...

Dec 13, 2025 ai lovable

#010: Figma System Thinkers

Sometimes you don’t need more random Figma tricks; you need structure. This week, we will explore the foundations of scalable UI: naming, variables, setup, and the little decisions that make design systems feel effortless rather than chaotic. When to use what? Opened Figma lately and thought: “W...

Dec 04, 2025 components figma typography

#009: It's Black Friday, my only sale in 2025!

Yes, I’ve been a little quiet, but don’t worry, it’s for good reasons. I’m working on some pretty sweet stuff behind the scenes, and new courses and formats are coming your way. And yes, it's black friday! My only sale in 2025. 😈 Black Friday Sale! Use the CODE: FRIDAY25 and take 20% off your fir...

Nov 27, 2025 figma

#008: Design System Updates

During Schema 2025, Figma announced several notable updates related to working with design systems and introduced new features. Here’s a quick overview of what to expect. You can find the full official update, which also outlines which plan includes what, on Figma's official Blog article, you can...

by christine vallaure — Nov 09, 2025 design system figma

#007: Figma Helpers

This week is all about my favourite little helpers in Figma that make life easier. Let's dive right in! Bulk rename Ever spent too long cleaning up layer names one by one? There’s a faster way: Use Cmd + R to bulk rename multiple elements at once. You can add or remove text, apply naming convent...

by Christine Vallaure — Oct 30, 2025 figma helper tips

#006: Figma Workflow

Most questions I receive during workshops and lectures aren’t about Figma’s features, but rather about how I actually work. How I combine everything, think through a project, and turn all those features into a working, maintainable file. This week, I want to focus on workflow, the flow behind the...

by christine vallaure — Oct 23, 2025 figma workflow

#005: Figma Components

This week is all about Figma components. If you use one feature in Figma, let it be this one. You can’t build a solid UI without components. The basics are simple, but there’s a lot around them worth knowing. Let’s get the terms right to start the week: 💠 Figma ComponentA component is a reusabl...

Oct 16, 2025 component properties component sets components figma instances variant

1 2 3

moonletter

Practical guides on what is actually happening in design, product and AI and how to use it. Read by over 10,000 designers. What worked, what broke, what I am still unsure about. Three minutes. Free sessions announced here first. Lived and written by me, not generated.

Join Our Free Trial