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

Pierce & Ward’s Secret Sources, Business Advice You Can’t Afford to Miss, and More

Friday, April 19, 2024

View in your browser | Update your preferences ADPro “Minimalism is not my strong suit.” So says Emma Roberts, the muse behind AD's May cover story. (Celebrities—they're just like us!)

World Press Photo Contest, Speedometer 3.0, Anchor Position, Sliding Frame, Meta Llama 3

Friday, April 19, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 19 2024 The World Press Photo Contest Documents War,

Car UX, DevTools Tips, CSS Patterns, iOS404, Internet Cables

Thursday, April 18, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 18 2024 Steering the future: a new vision for car UX

Big Tents, Pistachio Palettes, and Other Late-Breaking Milan Discoveries

Wednesday, April 17, 2024

View in your browser | Update your preferences We've had a remodel! From now on, you'll be hearing from AD PRO in your inbox twice a week—once with a deep dive into trends to watch and subjects

163 / Dieter Rams inspired Framer components, America's national parks and more free resources…

Wednesday, April 17, 2024

Product Disrupt Logo Product Disrupt Half-Monthly Apr 2024 • Part 1 View in browser Welcome to Issue 163! I'm comfortable talking to a human on camera, but talking at the camera, not so much. The

Logo System, BCWA Identity, War Robots, 84—24, 19th-Century Atlas

Wednesday, April 17, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 17 2024 Logo System: Explore 400+ logo designs logosystem

Emma Roberts's Home: AD100 Firm Pierce & Ward Share Their Secret Sources

Tuesday, April 16, 2024

Plus, the best exterior house colors View in your browser | Update your preferences Architectural Digest AD PRO Logo exterior of two residential buildings painted with blue trim with a brick patio and

#452: Design Workflow

Tuesday, April 16, 2024

How to choose the right idea, navigate difficult conversations and communicate design. Issue #452 • Apr 16, 2024 • View in the browser Smashing Newsletter Iyi akşamlar Smashing Friends, Design workflow

Mario & Pareto, faces.js, Sleep vs Blog, Dark Mode, DOM Folding

Tuesday, April 16, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 16 2024 Mario meets Pareto mayerowitz.io Discover how to

Gap, Teenagers, Artistic Intelligence, Should Designers Code, CSS in RSCs

Tuesday, April 16, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 15 2024 Gap is the new Margin frontendmasters.com In 2020