Design stories

Design Systems and Style Guides: Understanding the Differences

Design systems are a set of standards (like Google’s Material Design or IBM’s Carbon Design System) needed to manage design at scale. Style guides (like content or visual style guides) are just one piece in a design system.

Affordance in Design System Components

Let’s consider a table and a chair as examples. The primary affordance of a table is its ability to support items, facilitated by its flat, horizontal surface. Similarly, the main affordance of a chair is to provide a place to sit, suggested by its features like a flat seat supported by legs and, often, a backrest to support the user’s back.

Elevate Your Design Systems Team with Code Connect Best Practices

Design system leads and developers at Bumble, GitHub, and HP share how they’re leveraging the new Dev Mode feature to bridge the gap between design and code.

Essential Tips for Naming Design Tokens

Naming is hard. As designers and developers, we often struggle finding the right name — for a design token, colors, UI components, HTML classes, and variables. Sometimes, the names we choose are too generic, so it’s difficult to understand what exactly is meant. And sometimes they are too specific, leaving little room for flexibility and re-use.

AI Color Palette Generator – Browse, Edit, Visualize and Generate Unique Palettes

Create cool and unique color palettes with our AI-powered color palette generator. Browse, edit, and visualize your palettes to find the perfect combination .Create cool and unique color palettes with our AI-powered color palette generator. Browse, edit, and visualize your palettes to find the perfect combination .Create cool and unique color palettes with our AI-powered color palette generator. Browse, edit, and visualize your palettes to find the perfect combination.

Best Photoshop Overlays

With Photoshop overlays, you can add cool effects to your photos with just a few clicks. Whether it’s to add snow, a romantic bokeh, smoke effects, or a classic vintage look, there are many different types of overlays you can experiment with.

Discover 127 Figma Website Designs

Today Figma is a top designers’ choice with more than 4 million users and among those are big tech companies like Microsoft, X (Twitter), Dropbox, Rakuten, Stripe, Slack, GitHub, and many more.

Designing Interactive Elements That Keep Users Engaged

We’re looking at how and why to design interactions that compel people to play with them again and again. Plus we’re messing around with the Fidget Spinner, 2017’s breakout fidget hit.

Essential Terms for Visual Design Explained

Visual design requires knowledge and understanding of many jargon terms. Use this glossary as a reference as you delve into visual and user interface design.

Building a Winning Design Team

Simply having a design team doesn’t guarantee success. You must create the right conditions for your team if you want them to produce their best work. This is where having a solid team structure becomes essential.

1 2 3 4 5 6 7 153 154

Submit an article

You can submit new articles related to web design / development, UX, apps and graphic design. No homepage submissions, no spammy affiliate links will be accepted.
Title
URL

Thank you!

Thanks for submitting your story. We will review it and approve it if relevant.