UI Design

A consistent and accurate Core Palette is not enough for a consistent and accurate interface.

The suite of integrated accessibility tools for your product design and development team • Making the world’s products accessible.

Sign in or join now to see posts like this one and more.

Use this glossary to quickly clarify definitions for key graphical user-interface elements and controls.

Why designers should move from px to rem — and how to do that in FigmaDesigning with accessibility in mind.If you are anything like me, you happily used Pixel (px) in Sketch and Figma during the past …

In this article I’m going to shed some light on why Figma may not be the best tool for the future of the design industry.

Switching tools isn’t a decision to be taken lightly. Here’s a nuts-and-bolts and behind-the-scenes look at how Help Scout migrated design systems from Sketch to Figma — why we made the switch, a step-by-step walkthrough of what it entailed, and what we got out of it — a story that applies to any team considering a large-scale tool migration.

*It may actually take you longer than 5 minutes if you don’t meet the prerequisites.

This article expands on how to build multi-brand design system

unit adjust the unit on the left sidebar spaces adjust the spaces on the left sidebar widths adjust ...

Far from being ‘intelligent’, today’s chatbots guide users through simple linear flows, and our user research shows that they have a hard time whenever users deviate from such flows.

Learn the fundamentals of UX & UI Design.

DPI or Dots Per Inch is a measure of spatial dot density initially used in print. It's the number of...

This graph shows the stats of screen resolutions in Italy based on over 10 billion monthly page views.

A comprehensive design guide for sizing and resolutions across all devices.

How pixel density works and how it affects your designs.

Indicates your screen's current density. It's actually quite easy to detect the pixel density with just a little CSS. By modifying the same @media query slightly we can get pretty accurate density con...

The simplest reason as to why 'above the fold' is a myth.

CDR: Corporate Digital Responsibility.L’obiettivo di questa serie di articoli è quello di divulgare questo nuovo concetto, che spazia dalla sostenibilità ambientale all’accessibilità dei siti web, passando per la privacy.Per creare e utilizzare gli strumenti digitali in maniera più consapevole e responsabile. Il mondo digitale è in continua evoluzione, ogni giorno porta con sé nuovi cambiamenti […]

Linee guida sull'accessibilità degli strumenti informatici

Entro il 2022 saranno emanate le nuove linee guida Agid sull’accessibilità digitale e la trasposizione italiana della Direttiva EEA: cosa cambierà per utenti e aziende, il quadro normativo, le sanzioni, cosa prevede oggi la Legge Stanca e i nodi da sciogliere

These checklists are designed for designers seeking to level up their Figma components. Whether you're working solo or managing a Figma library within a team, these lists can serve as a means of self-assessment or checking the general quality of components in a shared library.

Figma is free to use. Sign up here: https://bit.ly/3msp0OVInterested in learning how to migrate from Styles to Variables? Join us for a look at approaches yo...

One component to rule them all.

I will walk you through how I structured variables in a comprehensive design system in under 4 days.

Playing constant catch up, adding prop after prop to support and maintain too many cases? Break larger components into flexible subcomponents so that users c...

Master Figma Variables with Variables Manager Variables Manager is a powerful Figma plugin designed to streamline your design workflow. With our user-friendly interface and robust features, managing design variables has never been easier. Whether you're looking to copy variables to another file ...