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.

Tags: figma

Showing 12 results:

Follow me:

#028: What MCP is, reads, and how to prep your Figma file

3 min read An agent reading your Figma file over MCP sees more than most designers assume, and misses things nobody warns you about. I read my own files to find where the line runs. First, what MCP actually is, because the name makes it sound far bigger than it is. Think of it as a USB-C cable. B...

Sep 10, 2026 ai claude figma mcp

#027: Tokens to code with AI are solved, components are not + Free Session

3 min read: If you have tried one of the design-to-code tools and come away feeling it almost worked, that is not you being bad at it. There are two layers underneath all of this, and only one of them is actually solved. Coming up Design Figma Files That Scale with AI FREEOnline, 10 Septemb...

Sep 03, 2026 ai design systems figma

#024: Refactoring or 450 variants, and none of them were the problem

3 min read I opened a Button component I had been reusing for years and asked an agent what was inside it. 450 variants. 2,161 layers. For one button. My first instinct was to cut the number down, and I got it to 45. Then I looked at what was actually broken in there, and the variant count was ...

Aug 13, 2026 design system figma

#023: Design system contracts: the component lives in neither Figma nor code

4 min read: A design system exists twice at once. It is in Figma as components, and it is in code as the real thing engineers ship. Those two are supposed to be the same. They never quite stay that way. You change a button in one place, someone forgets the other, and a few weeks later a desi...

Aug 06, 2026 ai design system figma

#022: Five things an agent needs to read your Figma typography

3 min read - I ran my own Figma file through last week, the way an agent reads it, and got two of these wrong. So this is the list I made for myself rather than one I am handing down. Walk it yourself, or point an agent at the file if you have Figma connected over MCP. None of it is new. It is o...

Jul 30, 2026 ai figma mcp typography

#021: Designing for the new era of radically adaptive UI

This week I got mildly obsessed with A2UI and radically adaptive UI. I struggle with how generic so much AI output looks, so I love the path I keep seeing in agentic design systems: the AI does not create from scratch, it assembles from solid, coded elements a designer built first. Still early da...

Jun 22, 2026 a2ui agentic ai ai figma

#020: Introduction to Agentic AI for Designers

Agentic AI is everywhere. First: breathe! It's not like every team is running a smooth AI pipeline with agents. Quite the opposite, actually. It's still a very messy process, but it is happening. In this week's edition, I'll give you a quick intro to what agentic AI is and why it changes the way ...

Jun 11, 2026 agentic ai figma

#019: New Agentic AI Courses for Designers + Free Live Sessions

I've been a bit quiet, but for the best reasons. I just launched three new courses on moonlearning.io, plus a full live workshop day about getting designers ready for agentic AI. Three new on-demand video courses with: All three are on-demand video courses, and as always they're included in ...

Jun 05, 2026 agentic ai figma new courses

#018: Figma Slot Components are here!

Very exciting news. Figma released Slot Components last week, and they should now be available on any Pro account once you accept the latest update. Here’s a quick intro to what they are and why they matter below. Besides the Free Figma Sessions, I’m also adding some free sessions introducing how...

Mar 11, 2026 figma freebies slots

#017: Free Figma Live Session!

You haven’t heard from me in a while, but for good reason. I’ve given moonlearning.io a complete redo. Take a look below at the latest offers and changes. As always, prices stay the same for existing members. Thank you for your year-long support, it’s highly appreciated, and I’m working on a few ...

Mar 04, 2026 figma freebies

#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

1 2

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.

Tags: figma

Join Our Free Trial