Design Resources

If you used Claude to help you build your website, there's a good chance you're still going back to it every time you want to change a headline, swap an image, or reorder a section. This guide shows you how to stop doing that.

The complete, step-by-step method for setting up a scalable token-based design system in Figma. A process that works, plus ready-to-use JSON files.

A step-by-step workflow for connecting Claude to your Framer site. Built for designers who want AI to actually understand their project - not just generate generic code.

Claude's desktop app has three modes, but most designers I talk to only ever use Chat. Let me walk you through what each mode actually does, when to use which, and when to just stick with Chat.