Josh Fleetwood - тимлид моушен дизайна из Google представил два инструмента для эффективной работы в Sketch и After Effects.

1. Sketch2AE - плагин, который переносит все ассеты из скетча в After Effects. Символы переносит как прекомпозицию, маски остаются масками, векторные шейпы, шейпами, а группы привязываются как родительский слой.

2. Inspector Spacetime - собирает спецификацию анимации в After Effects. На основе кейфреймов собирает все необходимые данные для разработки. Значения кривых, координаты, время анимаций.

Звучит всё классно, надо пробовать.

#tool

Лайфхаки: как использовать Телеграм в полную силу

https://medium.com/sketchdesigner/лайфхаки-в-телеграме-696d132814b9

Мы в банке координируем работу дизайн-команды исключительно через Телеграм. Мой новый пост не про Скетч, но он очень важен.

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

Есть немного советов для ведущих телеграм-каналов: размер картинок и шрифтов в них.

#классные_люди: Эш Торп

Эш Торп — талантливый моушн-дизайнер и иллюстратор из Сан-Диего, который делает графику для кино, организовал образовательную площадку Лён Скуэд и ведёт интересный подкаст.

https://medium.com/sketchdesigner/ash-thorp-22c531d5dcf3

behance.net/ashthorp

ashthorp.com

Шоурил: vimeo.com/163300654

Сегоднешний выпуск Классных Людей просто обязан взорвать, не пропусти. Я благодарен этому человеку за то, чему он меня научил, и продолжаю учиться по его курсам. Главный вопрос, который у меня возникает после всего этого: «Ого, а так можно было?»

Пробуем новый формат обучалок:

Union и Subtract #GIF

Как тебе формат быстрых обучающих гифок?
anonymous poll

Ваще огонь! – 150
👍👍👍👍👍👍👍 93%

Идея интересная, но качество жесть. Лучше всё-таки Ютюб и со звуком. – 8
▫️ 5%

Я ничерта не понял из гифки. И как её остановить? – 3
▫️ 2%

👥 161 people voted so far.

Sketch Palettes

Сохраняет палитры Global Colors и Document Colors в файл с расширением *.sketchpalette. Умеет загружать палитры из таких файлов обратно в Скетч. Умеет сохранять заливки, градиенты и даже паттерны.

Здорово, когда палитру можно отправить отдельным файлом. Например, загрузить утверждённую палитру проекта в облако и раздать всем дизайнерам, чтобы не пипетили. В этом он соперничает с Крафтом. В отличие от него, Palettes использует родное окошко выбора цвета, что гораздо удобнее.

Очень полезный плагин, проверенный в боевой работе. Доступен в Runner.

github.com/andrewfiorillo/sketch-palettes

#плагины

Sketch Wanderer

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

github.com/turbobabr/sketch-wanderer

Если не использовать его, выделять слои с клавиатуры сложно: Tab листает элементы одного уровня иерархии, Enter позволяет войти в группу или артборд, а Esc — выйти на уровень вверх. Постоянно нужно держать в голове, на каком уровне находишься.

Вандерер (от англ. — странник) позволяет использовать Ctrl + Alt + ↓ и ↑ чтобы выделять нижние и верхние слои. И это очень удобно, как будто все элементы находятся на одном уровне. Если нужно развернуть или свернуть группу, можно использовать Ctrl + Alt + ←→.

Я очень страдал кликать по слоям мышью, а стандартная схема навигации у меня не прижилась. Я придумал этот плагин и списался с разработчиком Андреем Шахминым, который сделал несколько отличных плагинов. Я очень рад, что Андрей воплотил в жизнь мою идею.

Плагин доступен в Runner.

#плагины

В Скетче есть пара клавиш, которая позволяет сортировать слои — Alt + Cmd + ↑↓.  Она замечательно ложится в схему работы Странника: шагаем на Ctrl + Alt + стрелках, тащим на Alt + Cmd + стрелках.

В блоге банка Тинькофф на Хабре появилась вторая часть рассказа о том как они организуют свою дизайн-систему

Цикл «Создание Tinkoff Design System» будет полезен тем, кто пытается организовать дизайн крупного проекта. Если в работе нескольких дизайнеров нет единой системы и правил, возникает бардак. Эти посты рассказывают как удалось упорядочить дизайн в Тинькове.


Часть 1: Первые шаги goo.gl/z2fXFt

В вводной части дизайнер Никита Прилепский рассказывает, почему им нужна была дизайн-система и какие выгоды даёт её построение. Они решили использовать методологию атомарного дизайна. Из этого поста я почерпнул важную мысль, что дизайнеры и разработчики должны иметь одну и ту же систему названий. Дизайн-система — это единая типографика и стиль, компоненты, каркасы макетов (лэйауты), документация и котроль версий.


Часть 2: UI Kit, версионирование и витрина компонентов goo.gl/qb5q35

Вторая часть более конкретная и посвящена трудностям, которые возникли по пути.

Что сделали:
- Уменьшили количество компонентов
- Зафиксировали сетку в пикселах
- Ввели контроль версий через сервис Abstract
- Каждому компоненту в системе дали версию
- Сделали внутренний сайт-витрину.

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

Ждём третью часть про бизнес-процессы.

#дизайн_системы

Вышел Sketch 47

В официальном релизе появились библиотеки символов. Также появилась возможность сглаживать стыки в скруглениях углов.

Подробнее в Медиуме Скетча: goo.gl/tWKkrj

Пока Runner не умеет вставлять символы из библиотек, но вангую, что скоро научится.

Приятность: Новый Скетч 47 обратно совместим с предыдущей версией 46.2.  Раньше надо было покупать обновление или идти лесом. Меня удивляет и радует это человеколюбие.

Скрываем вложенные символы

Символ А содержит вложенный символ Б. В макете есть несколько копий А. Если в них нужно скрыть Б, выделяем все А и ставим оверрайд Б в None (Shift + Alt + Cmd + N). #GIF