Telegraf.Design зібрав корисні інструменти, платформи та лайфхаки, які стануть у пригоді дизайнерам інтерфейсів.

Добірка створена за мотивами ресурсів, якими майже щодня ділиться Віталій Фрідман, UX-дизайнер, співзасновник журналу для дизайнерів та розробників Smashing Magazine.

Use contrast — допомагає проаналізувати контрастність, щоб зробити сайт максимально доступним та зручним для користувача.

Інструмент для створення прозорих (альфа) кольорів, які мають такий же вигляд, як і їхні непрозорі аналоги, якщо їх помістити на той самий фон.

Генератор палітри тіней від Joshua Comeau. Генерує набір яскравих реалістичних тіней CSS.

Генератор пом’якшення градієнтів – інструмент Андреаса Ларсена для створення кращих лінійних градієнтів без жорстких країв, з функціями спрощення.

Панель дизайн-патернів зі шпаргалками й шаблонами дизайну для панелі приладів

Палітра Supa – комплексний інструмент для управління доступними кольоровими палітрами у Figma з доступом до кольорової палітри різних дизайн-систем та дизайнерської спільноти.

Імпортуйте найпопулярніші кольорові системи: Untitled UI, Radix UI, Cabana, Horizon UI, Chakra UI, Tailwind, Material UI тощо. Експортуйте палітри для Figma Tokens, Chakra UI, Material UI, Tailwind, CSS, CSS Vars, JSON.

Black illustrations  – ілюстрації із зображенням, в яких домінують темношкірі персонажі.

Design Stripe – ще одна бібліотека ілюстрацій.

Кліпдроп – дозволяє дизайнерам перетягувати об’єкт з фото на макет, зняти фон, очистити зображення, масштабувати його та змінити освітлення — все це за допомогою штучного інтелекту.