Design | Experience
Free Design Token Naming Guide + Builder (https://lnkd.in/dFuXAh76), a wonderful resources for naming design tokens — from learning how they work and how to name them well to configuring your own naming structure with components, categories, states and roles.
Naming guide:https://lnkd.in/dAWFHf6B
Naming builder: https://lnkd.in/dfqASZB3
Naming things is hard. The right name is the one that’s well-understood and … Read the rest
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
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
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
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:
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
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
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
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 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