Design for even larger screens with 3 new breakpoints

What they are, and how they work.

New ways to search and provide context in Figma

What’s new in the popular interface design tool.

Listboxes vs. Dropdown Lists

Criterias to help you decide which element to use.

Pose

Design characters exactly the way you want.

Making web performance one of your top user experience metrics

How to promote web performance in an organisation.

What a UX Career Looks Like Today

Results based on responses from over 700 UX professionals.

The Remote Design Sprint Guide

How to handle video, whiteboards, voting, and everything else.

Video Editing Comes to Darkroom

Videos in Darkroom now feel as lightweight as photos.

“UI is mostly text. Great UI design is mostly great typography and copy.”

Vangogh

AI-powered search engine for color palettes.

Poster prompts to avoid Design-isms

A set of posters with design jargon and alternative wording.

BlurHash

Very compact representations of image placeholders.

Design Resources

A curated list of tools in one place to help designers.

The Hero Generator

Create nice hero images for your web site or web app.

Why user research is essential for a great design proposal

How your proposal will stand out from the competition.

Bringing Together Two Creative Communities

Creative Market, the popular design marketplace, has joined Dribbble.

Your dark mode toggle is broken

Why a website needs 3 states for its dark mode implementation.

Mission Accomplished?

The hard work of design is still ahead of us.

AR Cut & Paste

Cut and paste your surroundings to an image editing software.

Mobile First

The legendary guide to mobile web design is free to read.

Prototypr

A hand curated design platform with countless resources.

Designer Slack Communities

Slack communities for designers around the world.

Tabler Icons

A large set of high-quality SVG icons for your web projects.

Copytesting

Improve your website copy, get feedback from real people.

“My girlfriend asks me to tell her random things about design to help her fall asleep and no this is not a joke.”

Designing for Progressive Disclosure

How we can approach information design in a proactive way.

PixelMe

Convert your photo into pixel art.

What design system tools will look like in the future

Let‘s abstract the design system from the design tools.

Benchmarking UX: Tracking Metrics

Quantitative evaluation of a product or service’s user experience.

Pose Animator

A web animation tool that brings SVG illustrations to life.

Scunthorpe Sans

A s*** font that f***ing censors bad language automatically.

Blush

Create, mix, and customize illustrations made by artists around the world.

Easings

Test common easing curves on a range of interfaces.

SVG Path Visualizer

A tool to examine, explore, and understand SVG path data.

The best totally free web fonts & typefaces

Top 12 picks, along with a few honorable mentions.

Timelines are not always lines

An evaluation of the readability of different timeline shapes.

Dark Mode Design

Showcase of beautifully designed websites with dark color schemes.

Web Cards

Figma plugin to turn URLs into beautiful cards.

The ‘average’ fallacy

Why we cannot design impactful products or services for ‘average’ persons.

Framer Web

The popular prototyping tool is now also available on the web.

Webby Gallery + Index

24th Annual Webby Awards: the best of the Internet.

Modern Touch-Friendly Design

Steven Hoober’s guidelines for UI designers in a nutshell.

Darkmode

A font for modern UIs with variants for darkmode on/off.

Form design: multiple inputs versus one input

The problem with most multiple inputs and what to do instead.

How To Convince Others Not To Use Dark Patterns

The hidden cost of manipulating users.

Responsive web design turns ten

The story about how responsive web design came to be.

UI Components & UX Patterns Examples

Get inspired by the best and build better products.

Fast or Slow

How your site’s performance is experienced by your users worldwide.

Why Everyone Always Hates Redesigns, Even When They’re Good

The strange psychology that shapes your reactions.

Artify Editor

A web-based design editor packed with a huge library of design assets.

“I’ve been designing websites for 17 years and still feel like a beginner.”

The Need for Speed, 23 Years Later

The internet is faster, but websites aren’t.

Type Specimens

What they are, how they are used, and who makes them.

Gradihunt

Create beautiful gradient variations with your favorite color settings.

Color Copy Paste

Transfer color directly from your camera to your favorite design tool.

BrowserFrame

Wrap screenshots of web pages in your favorite browser frame.

How to Build a Task Flow

What Task Flows are and how they work in product design.

Patternico

Online pattern generator using icons, images, or custom elements.

Components Browser

Sketch makes it easier to use and manage all your symbols and styles.

Perceptually Smooth Multi-Color Linear Gradients

An approach with which you can also augment a Color Palette.

The Inner Workings of Magic Motion

Framer‘s new smart animation tool, a behind-the-scenes look.

Building the Woke Web

Web accessibility, inclusion and social justice.

Don’t make me think

Designing products that eliminate question marks.

Toy Faces Library

Fun avatars for your design mockups.

Don't design for mobile

What today’s device landscape means for modern web design.

Dropbox officially launches its own password manager

And a secure vault for your files.

Handz

Illustrations of diverse hand gestures in different colors.

“Designing in tech means solving the same problems over and over with new illustrations until you die.”

Are you using SVG favicons yet?

A guide for modern browsers.

The Return of the 90s Web

Some trends suggest we might have come full circle.

Why Figma Wins

The company‘s core insight is that design is more than designers.

“In the history of design there has never been a project where all the requirements were known before design started.”

UI Design Daily

Weekly free UI resources straight to your inbox.

“Writing good beginner content is hard. Very few people can do it really well, without making assumptions or coming across as as a bit patronizing.”

Skeuomorphism is making a comeback

We’re starting to see the trends repeating themselves.

Menus, Metaphors and Materials

Milestones of user interface design.

Storybook Composition

Now you can combine UI Components from multiple Storybooks into one.

The Science Behind Web Vitals

How Google’s performance metrics and thresholds affect users.

Design and Anatomy of a Push Notification 2020

Everything to design and preview push notifications on different platforms.

Introducing Amazon Honeycode

Build web and mobile apps without writing code.

Apple, Big Sur, and the rise of Neumorphism

What to expect from the next wave in UI design.

How to estimate the ROI of design work

The three step method for quantifying design work.

Why designing for delight is no longer enough

Design is getting more complicated and rightfully so.

iOS 14 UI Kit for Figma

Built with color/text styles, light/dark mode, auto layout.

HiFiC

Amazing image compression results with AI-based technology.

Mobile-App Onboarding

An analysis of components and techniques.

The Good Service Scale

15 principles of good service design to score your service.

The Whimsical Web

A curated list of sites with an extra bit of fun.

3 Amazing resources to help you design for diversity and inclusion

Designing for diversity and inclusion isn’t that hard.

Is WebP really better than JPEG?

Maybe the true next-generation codec is another one.

1-Line Layouts

Modern CSS layout and sizing techniques as one liners.

The Comeback of Fun in Visual Design

The problem with minimalism and what‘s up next.

Unsplash integration in Framer Web

A new direct access to great photos in the prototyping tool.

Design Better Buttons

The do’s and don’ts of button design in UI development.

Developer tools for designers

Ways to improve your daily design tasks all the time.

The Guide to Design

A starting point to help you get into digital product design.

A tale of three skeuomorphs

The right skeuomorph can bring you good luck.

Make me think!

The problem with oversimplifications in ‘user centered’ design.

Capsize

Flipping how we define typography in CSS.

Shaper

Try out typography, color, and spacing to find a style for your interface.