Everyone on YouTube is saying Claude Design killed Figma, so I spent a morning actually building with it on a real project to see if the hype holds up.
Related Resources:
💻 Free Squarespace CSS Beginners Course: https://schwartz-edmisten.com/learn-css-4-day-ecourse
📝 Free Squarespace Design Course: https://schwartz-edmisten.com/custom-layouts-with-flexbox
📚 Squarespace CSS Snippet Library: https://schwartz-edmisten.com/css-toolbox
📷 Gear I use to Film My Videos:
https://schwartz-edmisten.com/resources#video-gear
Help Support My Channel:
☕ Buy me a coffee: https://schwartz-edmisten.com/donate
✉️ Hire me: https://schwartz-edmisten.com/contact
WHO AM I?
If we haven’t yet before – Hey 👋 I’m Chris, a Squarespace web designer specializing in customizing sites with CSS. Through my videos here on this channel, my courses and plugins, I help Squarespace web designers all over the world create more customized layouts and bring their website vision to life.
PS: Some of the links in this description are affiliate links that I get a kickback from 😜
⌚ Timestamps:
00:00 The hype vs reality
00:20 How Claude Design works
00:26 Setting up your design system
01:05 Approving the generated design system
02:03 Starting a new project
02:27 Prototype vs wireframe (and why wireframes burn tokens)
02:55 Writing the prompt and clarifying questions
03:46 Generating three design variants
04:11 The Tweaks panel (and adding your own)
05:17 The Edit tab: what works, what doesn’t
06:39 Missing CSS properties in the editor
07:30 Why this produces janky code
08:37 When direct edits silently fail
10:54 Draw and Comment tools
12:22 Unexpected changes from a small prompt
12:44 Final design and responsive test
13:05 My honest verdict
#css #squarespace #squarespacecss
Music: https://soundcloud.com/justin-kolas