Moonletter
Each week, I’ll share one topic with a few practical nuggets. Little tips and tricks to keep your thoughts fresh and your workflow smart. Feel free to reach out with any topics you’d like me to cover.
#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
figma
system
typography
variables
#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
#004: Figma Variables
This week is all about Figma variables, some insights, tips and tricks. Let’s start with the basics. Figma gives us variables and styles. But what’s the difference, and when should you use each?
Variables
• A variable is one single value (like a colour, number, or size)• They can switch to differ...
Oct 03, 2025
figma
modes
styles
variables
#003: Building websites without code. Introducing Figma Sites.
The no-code space is moving fast, and the tools keep getting better. Webflow, Wix, Squarespace, Framer — and now Figma Sites. Each one has its place, but as a designer, I’m especially excited about what Figma is doing.
This week, I’ll walk you through the essentials of Figma Sites: from publishin...
Sep 25, 2025
figma
figma sites
modes
#002: UI Principles Mini-Series
Design isn’t just about what works – it’s also about what feels like it works. This week, we’re diving into timeless design principles that shape how users perceive, trust, and navigate interfaces. From the Aesthetic–Usability Effect to the Law of Common Fate, these rules explain why some designs...
Sep 19, 2025
gestalt
ui
#001: UI Typography Tips and Tricks
Welcome to the first edition of Moonletter! Each week, I’ll share one topic with a few practical nuggets. Little tips and tricks to keep your thoughts fresh and your workflow smart. Feel free to reach out with any topics you’d like me to cover. Let's start this week with tips and tricks around ty...
Sep 15, 2025
figma
figma sites
typography