Claude Design lets you build prototypes, slides, and landing pages by chatting with Claude.
Here’s a beginner’s guide on how to use it
Seamless Figma to -Design-system
Design system components get manually translated into code.The designer ships a Figma component. The engineer interprets it. Something is always slightly off wrong spacing value, missing variant, token name that doesn’t match. Then there’s a review, a fix, another review.
This workflow removes that friction at the source. The component goes from Figma to reviewed, committed code without a single … Read the rest
UX triggers
Traditional UX knowledge won’t carry you anymore…
(it’s already fading)
Most designers rely on tools.
Frameworks.
Checklists.
Best practices.
And think that’s enough.
It’s not.
Because UX has changed.
Users aren’t just interacting anymore.
They are deciding faster than ever.
And if you don’t understand how they think,
your designs will fail silently.
I’ve seen this across teams again and … Read the rest
UX challenges
18 UX challenges for UX designers
Practical guides and real-world design exercises.
Learn about:
→ User Interviews
→ Competitive Analysis
→ Usability Testing
→ User Flows
→ Surveys
→ Journey Mapping
UX challenges:
63 Design Skills For Claude-
Find these collection of 63 design skills and 27 commands for Claude Code.
They’re organised into 8 plugins that cover the full breadth of what designers typically do: research, systems, strategy, UI, interaction design, prototyping and testing, design ops, and the everyday toolkit stuff like writing rationale and building case studies.
Link:
https://marieclairedean.substack.com/p/i-built-63-design-skills-for-claude
Typography Guide
Practical Typography Guide for UX Designers
Typography is a key aspect of UI design, that defines hierarchy and ensures readability.
Enjoy, best practices and templates to improve your typography skills.
Typography resources:
1. User interface typography [Free Book]
2. Figma typography styles [Template]
3. Best free fonts for modern UI
4. Typography Glossary by Google
5. Perfect Typography Scale [Blueprint]… Read the rest
Claude + UX design
I kept getting generic UI from Claude.
Same layouts. Same component choices. No real design thinking.
Then I started adding these skills to my workflow. The output shifted completely.
Here are the 5 AI uses for rhe AI Product Design.
.
.
.
.
Summary:
Must-Have UX/UI Design Skills for Claude Code
If you’re using Claude Code for UX/UI design … Read the rest
AI in Design
Interesting observations:
AI has not changed the importance of design. It has simply raised the bar on execution, speed, and precision.
The differentiator is no longer access to tools, but the ability to use them with intention.
AI amplifies what designers do best. Automation handles the routine, humans shape the experience. That’s where real UX evolution happens.
Those who combine … Read the rest
AI Enhances UX Research
AI is reshaping UX research by handling the repetitive work. It can summarize, organize, and spark ideas… but researchers bring judgment, context, and direction. The real value is freeing teams to think deeper and decide better, not just move faster.
Here’s a short step-by-step approach she shares:
1. Feed
Gather your research inputs: discussion guides, transcripts, screenshots, and links. These … Read the rest
Using Claude AI in the design
The power of Claude is impressive. It’s amazing how quickly it can help structure ideas, summarize research, and support early design thinking. The key is knowing how to guide it.
Here’s how to use Claude in the design workflow
1. IN FIGMA — Design to Code (officially)
Figma just launched a native integration with Claude Code.
You build in Figma. … Read the rest