Объединение бренда и продукта на примере дизайн-системы Netflix
Моя специальность – создание централизованных и распределенных фреймворков для дизайн-систем. В настоящее время я работаю в Netflix на должности Design Systems Lead
Категория
Дизайн-системы
36 статей
Статьи о дизайн-системах. Мы расскажем, что такое дизайн-системы, зачем они нужны и где применяются. Вы узнаете как создать собственную систему дизайна и увидеть разбор уже готовых.
Что такое дизайн-токены?Давайте разбираться вместе
В этой статье мы обсудим одну конкретную часть дизайн-системы – токены. Вы узнаете, что такое дизайн-токены и как их используют дизайнеры
Действительно ли эпоха дизайн-систем ушла?
Прочитал хорошую статью Сережи Плащинского о том, что дизайн-системы покинули нас. Видно (хотя бы по отсутствию картинок), что…
Эпоха дизайн-систем ушла
Мечты создать универсальный инструмент дизайнера, который бы позволял за пару кликов и строк кода собирать готовые решения оказались…
Создание темной темы для Stack Overflow
В 2020 году мы разрешили людям использовать бета-версию темной темы Stack Overflow. Давайте поговорим о проделанной работе
Как будут выглядеть инструменты для создания дизайн-систем в будущем
Чрезмерная зависимость от инструментов проектирования для управления дизайн-системами становится проблемой
Как создать Starter Kit в Figma
Позвольте мне показать вам, как создать мощный и универсальный Starter Kit для вашего следующего проекта
Переход на Figma: экономическое обоснование, процесс и библиотеки
По многим причинам решили перейти на Figma. Я задокументировал процесс перехода и решил написать об этом статью
Как Spotify организует работу в Figma для улучшения совместной работы
Ознакомьтесь с нашими способами работы в Figma и прочитайте эту статью, чтобы понять стоящие за ними причины
Создаем библиотеку компонентов в figma. Часть1: типографика, цвета и стили
Эта серия статей будет полезна новичкам, тем, кто еще сомневается, переходить ли в Figma, Sketch или XD и…
Как маленькая команда создала дизайн-систему сайта figma.com
Figma – это инструмент для совместного проектирования интерфейсов, он улучшает процесс проектирования отдельных дизайнеров и команд. Но проведя…
Хардкорное применение Figma Auto layout — большой гайд
В этой статье я покажу хардкорное применение последнего нововведения в Figma –Auto layout
5 шагов по добавлению моушен-дизайна в вашу дизайн-систему
Исключая анимации из своей дизайн-системы, вы потенциально ослабляете ее назначение. Преимущества анимации слишком убедительны, чтобы их игнорировать
Почему дизайн-системы терпят неудачу и как заставить их работать в 2020 году
После отказа от нашей первой дизайн-системы в конце 2018 года мы создали новую и улучшенную дизайн-систему с нуля
Переосмысление дизайн-систем Spotify
История о том, как мы создаем дизайн-системы, соответствующие нашей культуре автономии и обзор новой дизайн-системы Encore
Microsoft стремится возглавить развитие мобильного дизайна
Сегодня Microsoft возрождает амбициозные планы мобильных интерфейсов, добавляя в мобильные приложения Fluent дизайн-систему
Организация пространства в дизайне. Отступы, сетки и лейауты
В этом руководстве мы рассмотрим основы определения пространственных базовых единиц и создание правил отношений с помощью сеток
Переход со Sketch на Figma: пример миграции дизайн-систем
В этой статье представлен опыт Help Scout по переносу дизайн-системы из Sketch в Figma
Развитие дизайн-системы: Как мы создавали Slack Kit
Это развивалась постепенно, на основе полученного нами опыта. В этой статье я расскажу вам, как мы ее создавали
История о том, как Dropbox перешел на Figma и структурировал свою дизайн-систему
Опыт перехода дизайн команды Dropbox на Figma
Обновление Fluent Design System от Microsoft
Как наша Fluent Design System фокусируется на инновациях и реальных потребностях клиентов
Мыслить, выходя за новостные рамки. Дизайн-система Guardian
Небольшой обзор руководства цифровой дизайн-системы в Guardian
Незаменимые Sketch плагины для управления дизайн-системой
Эта статья посвящена методам, которые я открыл для себя в процессе создания новых продуктов для Buninux.com. Плагины стали…
Как создать дизайн-систему в Sketch (Часть 4)
В этой заключительной части я хочу показать вам, как объединить символы, такие как цвет, текст, иконки, формы кнопок и состояния, чтобы собрать компоненты вашей дизайн-системы.
Как создать дизайн-систему в Sketch (Часть 3)
В этой части я хочу показать вам, как я создал финальные базовые символы моей системы дизайна, и я дам вам некоторое представление о создании кнопок состояний и ввода.
