Почему 90% дизайнеров юзают Color Styles в Figma неправильно?

Это статья не про тёмную тему и как её делать, а про систему цветов в дизайне интерфейсов

Хардкорное применение Figma Auto layout — большой гайд

В этой статье я покажу хардкорное применение последнего нововведения в Figma –Auto layout

Создание современной библиотеки компонентов с помощью Sketch Libraries

Попробовав многие другие инструменты, начиная с Invision Craft и создав свой собственный плагин для Sketch, мы были счастливы увидеть нативную функцию библиотек в Sketch. Вот наши решения и уроки, которые мы получили когда создавали свою дизайн систему с использованием библиотек.

Как создать дизайн-систему в Sketch (Часть 4)

В этой заключительной части я хочу показать вам, как объединить символы, такие как цвет, текст, иконки, формы кнопок и состояния, чтобы собрать компоненты вашей дизайн-системы.

Space I/O: Новая дизайн-система на основе слоев в пространстве

Space I/O – это наш цифровой фреймворк, и инструмент для построения и дизайна цифровых UI/UX децентрализованным способом на основе пользователь-ориентированного дизайна и сотворчества.

Построение и совместное использование дизайн-системы в Sketch

Каждый год мы разрабатываем и создаем множество приложений (> 100), и каждое из них тщательно смоделировано, разработано и создано с любовью 🙂

Ключевые принципы новой дизайн системы Fluent Design System от Microsoft

Fluent Design System от Microsoft фокусируется на пяти принципах, которые помогают разработчикам создавать более творческие интерфейсы: глубина, материал, свет, масштаб и движение.

Постройте дизайн-систему, которая предоставляет унифицированный набор правил и паттернов для UX и дизайна

Язык дизайна или дизайн-системы – это нечто большее, чем просто руководство по стилям интерфейса. Это также способ работы команды, отражение ее ценностей и принципов.

Пошаговое руководство по созданию новых проектов в Sketch

Этого пост описывают фреймворк для дизайна в Sketch, который я создал. Вам больше не нужно будет каждый раз создавать дизайн с нуля, используйте эти файлы.

Модульный дизайн. Сокращение исходников для передачи с 30 макетов до одного

Принципы создания модульной дизайн системы под 4-пиксельную сетку на основе редизайна мобильного Android-приложения Yammer.

Как настроить себя на работу над дизайн системой

Создание детализированной и последовательной дизайн системы – напряженный процесс, особенно при нехватке ресурса. Но плюс в том, что вы можете оперативно принимать дизайнерские решения.

Дизайн система от компании WeWork

Мы создаем дизайн систему для внутреннего использования в компании WeWork. Файл GIF – это быстрое “знакомство” с элементами файла Sketch.

Визуальный Язык от компании airbnb

Унифицированная дизайн система является основой для увеличения качества и скорости. Качество растет за счет общего опыта, который понятен нашим пользователям, а скорость растет благодаря общему языку, с которым мы работаем.