Weekly recap #18

Overflow - User flows done right - Create beautiful, interactive user flow diagrams in minutes and present your designs like never before with Overflow - Overflow  Sponsored

Why wireframes are becoming obsolete - A couple of weeks ago, I posted a short excerpt from Basecamp’s Shape Up called Wireframes are too… - Anton Sten / filed under Wireframing

Let’s learn design systems (with Dan Mall) - Design systems are a hot topic, but how do you make sure your design system is useful? More… - Jason Lengstorf / filed under Design System

What design system tools will look like in the future - There’s no doubt the future of design systems is tool-agnostic. Most of us have seen the problem already:… - Tanner Christensen / filed under Apps & Tools, Design System

How Spotify organises work in Figma to improve collaboration - Spotify Design recently migrated to Figma. We're excited to open up the music box and describe how we've… - Cliona O'Sullivan / filed under Design Ops, Figma

Reducing ambiguity on the segmented control design - A segmented control is a horizontal set of two or more segments, each of which functions as a… - Sangwook Song / filed under UI Design

Persuasive design: How to nudge users in the right direction - Persuasive design is about creating experiences that nudge users to take desired actions. Many of its techniques are… - Adam Fard / filed under UX Design

How to build a design starter kit in Figma - Let me show you how to build a powerful, and versatile Design Starter Kit for your next project. - Marc Andrew / filed under Design System

10 ways to improve dropdowns in UI & UX design - If appropriately used, dropdowns don’t have to be awful. Dropdowns are one of the most widely used and… - Danny Sapio / filed under UI Design, UX Design

Are you using SVG favicons yet? A guide for modern browsers - You should be using SVG favicons. They’re supported in all modern browsers right now. Also, you probably don’t… - Antoine Boulanger / filed under SVG

Implementing skeleton screens in React - In this tutorial, you’ll learn what a skeleton screen UI is and some types of skeleton screen libraries,… - Blessing Krofegha / filed under React.js, UI Design

Spacing in CSS - If two or more elements are close, then the user will assume that they somehow belong to each… - Ahmad Shadeed / filed under HTML & CSS

Styled system revisited - Much has changed in the world of Styled System since my last post. There are fewer packages to… - Varun Vachhar / filed under React.js

Building a scalable CSS architecture with BEM and utility classes - Maintaining a large-scale CSS project is hard. Over the years, we’ve witnessed different approaches aimed at easing the… - Sebastiano Guerriero / filed under BEM, HTML & CSS

Interview with Adam Wathan – Tailwind CSS, Refactoring UI - We chat about SaaS vs once-off payments, Pantera vs Slayer, why he uses Gumroad, the advantage of multi-tier… - Rob Hope / filed under Interview

Finding time: How to increase heads-down time to design - Good design derives from good thinking. And good thinking is highly correlated to how much time you spend.… - Steve Won / filed under Creativity, Productivity

Designing with letters - A story of collaboration: How writing and design joined forces to create a power publication for Sundance Film… - LaDonna Willems / filed under Branding, Typography

The right amount of perfect - Everybody knows that perfect is the enemy of good, but it’s one of those tenets that’s easy to… - Jonas Downey / filed under Product Design, Product Management