HeyDesigner - The anatomy of a Design System

HeyDesigner Weekly

Hi Reader, these are my design and frontend picks this week.

Highlights of the week

There's a smarter way to map user journeys - That's why we built Flows in Zeplin. Easily connect published screens into a Flow, then add important actions, decisions, or branches using Shapes. - Zeplin  Sponsored

The anatomy of a Design System - A design system can unify different disciplines and lead to improved consistency, efficiency, and much more. - Ben Callahan / filed under Design System

Serif fonts in UI design - A discussion with José Scaglione about the predominance of sans-serif in user interfaces and screen design. - Oliver Schöndorfer / filed under Typography, UI Design

Product design

The “Dark Yellow Problem” in design system color palettes - Designers try to strike a balance between “yellow being yellow” and meeting the accessibility requirements. - Lodestar Design / filed under Coloring

11 steps to keep Figma clean - We all probably already know how it is to receive a project from someone else. Not everyone works the same way, it's what makes our field so varied. - Matthew Jedraszczyk / filed under Figma

Design engineering

All the user-facing states - User-facing state is what someone experiences when they interact with (or try to interact with) an element in some capacity. - Eric Bailey / filed under UI Design

You don’t need a UI framework - Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they'll save a bunch of time and quickly build a professional-looking app. - Josh Comeau / filed under Product Development

Tools and resources

Tabler Icons: Over 1950 vector icons for web design - Open source icons designed with attention to detail to make your design stand out. - Paweł Kuna / filed under Icon Set

Loaders - Loaders & spinners for your next project. Made with CSS, HTML and a splash of SVG. - Griffin Johnston / filed under HTML & CSS

Inspiration and creativity

103 bits of advice I wish I had known - I've jotted down bits of unsolicited advice each year and much to my surprise I have more to add this year. - Kevin Kelly / filed under Inspiration

Last but not least

How FedEx influenced the React logo - You rarely get fortunate to encounter a situation in which it sits front of you after a few minutes. The React logo was one of those lucky cases. - Maykel Loomans / filed under Logo Design


Thanks for reading! If you have any feedback, just reply to this mail and I will get back to you.

Cheers,
— Tamas



You are receiving this email because you opted in at heydesigner.com.

HeyDesigner by Tamas Sari — Oarany street 22261, Budapest 1037, Hungary

Unsubscribe | Update email frequency | Forward to a friend

Older messages

Design KPIs

Tuesday, May 3, 2022

Hi Reader, these are my design and frontend picks this week. Highlights of the week Connect Figma and Storybook - Use Storybook Connect plugin to embed stories in your Figma files. It helps you compare

Material Symbols

Tuesday, April 26, 2022

Hi Reader, these are my design and frontend picks this week. Highlights of the week There's a smarter way to map user journeys - That's why we built Flows in Zeplin. Easily connect published

Minimal Gallery

Tuesday, April 19, 2022

Hi Reader, these are my design and frontend picks this week. Highlights of the week Ditch "imagine this", make your prototypes fully interactive - Design products with fully interactive

Pinterest's design system

Tuesday, April 12, 2022

Hi Reader, these are my design and frontend picks this week. Highlights of the week Create user journeys effortlessly with Zeplin Flows - With built-in connectors and groups, designers spend more time

Atomic 2.0

Tuesday, April 5, 2022

Hi Reader, these are my design and frontend picks this week. Highlights of the week Video calls loved by designers - Around's lightweight, unobtrusive video calls free up your screen for design

You Might Also Like

178 / Visualize your dreams in 2025

Wednesday, January 15, 2025

Product Disrupt Logo Product Disrupt Half-Monthly Jan 2025 • Part 1 View in browser Welcome to Issue 178 Ever get curious about how this newsletter is doing? I shared the 2024 behind-the-scenes and

Mayer Rus on Loss, and Living, in LA

Tuesday, January 14, 2025

View in your browser | Update your preferences ADPro LA, I Love You Los Angeles has been my home for nearly 20 years, and the devastation here, now, is unfathomable. Entire neighborhoods have been

🐺 How to make a great first impression

Tuesday, January 14, 2025

With real examples. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

#490: Interface Design

Tuesday, January 14, 2025

How to design better interfaces, how to choose icons, optical effects, iconography, Gestalt principles and icon design. Issue #490 • Jan 14, 2025 • View in the browser Smashing Newsletter Buona

🐺LAST CHANCE to get 20%-off our PR Masterclass Series

Monday, January 13, 2025

Make 2025 your biggest press year yet. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Accessibility Weekly #431: Progressive Enhancement Brings Everyone In

Monday, January 13, 2025

January 13, 2025 • Issue #431 View this issue online or browse the full issue archive. Featured: Progressive enhancement brings everyone in "Early computers faced unexpected failures, and that

Conviction in a copycat league

Sunday, January 12, 2025

Issue 228: Holding beliefs in a world of emulation ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

🐺If they can get press, so can you.

Friday, January 10, 2025

Calling all product businesses and designers. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

🐺Are you overwhelmed when it comes to PR?

Friday, January 10, 2025

do this. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

#489: Web Performance

Tuesday, January 7, 2025

Instant navigation, Web Almanac 2024, INP debugging, font-face fallbacks and compression dictionaries. Issue #489 • Jan 7, 2025 • View in the browser Smashing Newsletter Hello Smashing Friends, Web