Figma объявила, что функция Extended Collections начнет постепенно выкатываться в течение ближайших двух недель.

Она поможет командам масштабировать дизайн-системы сразу на несколько брендов, упрощая управление компонентами, стилями и вариантами интерфейса в одном месте. По словам разработчиков, обновление должно снизить хаос при поддержке больших продуктовых экосистем и ускорить работу дизайнеров и фронтендеров.

👉 @PortalToDesign

Типограф – удобный сервис для борьбы с висящими предлогами в один клик

👉 @PortalToDesign

Плагин экспортирует прототипы из Figma в GIF или видео. Рендерит экраны, микровзаимодействия, иконки, логотипы без сторонних приложений. Достаточно задать шаги, задержку, подходящую платформу со всеми пресетами — и экспортировать.

Prototype to GIF/Video

👉 @PortalToDesign

UI/UX дизайнерам теперь доступна полноценная изометрическая библиотека иконок вообще бесплатно.

Только что наткнулся на инструмент Isocons. Аккуратная, грамотно сделанная библиотека изометрических иконок, которую можно использовать без оплаты. Отлично подходит для дашбордов, лендингов и интерфейсов продуктов.

До сих пор не верится, что это бесплатно. Сохрани себе. 💜

👉 @PortalToDesign

Раскройте свой творческий потенциал с помощью Photoshop

👉 @PortalToDesign

Совет по UI-дизайну: давай цветам имена, которые описывают их назначение, а не внешний вид.

Аккуратная система цветов начинается с понятных и предсказуемых названий.

Вот структура, которую я использую, чтобы палитра оставалась логичной и масштабируемой:

[element · tone · emphasis · state]

Каждый цвет получает до четырёх описателей, которые объясняют, как и где его нужно использовать в интерфейсе. Это помогает дизайнерам и разработчикам говорить на одном языке и ускоряет разработку.

Можно пойти дальше и назначать цветовые токены конкретным компонентам, но обычно это уже перебор, если ты не работаешь над огромной системой

👉 @PortalToDesign

Новая версия Ant Design! Один из самых крутых UI-компонентных наборов:

✓ Архитектура на CSS Variables
✓ Минус поддержка Internet Explorer
✓ Оптимизация под React Compiler
✓ Новый компонент Masonry

→ github.com/ant-design/ant-design

👉 @PortalToDesign