✍️ Теперь можно документировать стили

Со вчерашнего дня к любому виду стиля можно добавить описание. Оно будет доступно и для разработчика в режиме Code.

#новый_функционал

Прямо сейчас начало стрима Design Battle!
Не пропустите, дизайнеры будут рисовать сайты с шоколадом Milka.
https://www.twitch.tv/designbattle

Стартуем дизайн, реворк главной страницы в Figma, всем доброе утро, https://www.twitch.tv/rayantvin

🖥 Обновился десктопный клиент

– Если не работали до этого в бете, то ощутите ускоренную загрузку файлов
– При рестарте клиент запоминает открытые ранее файлы с точной позицией на странице и масштабом
– Проблема с цветовыми профилями все еще существует. Клиент работает в пространстве похожем на Display P3, а веб-версия, экспорт и зеркало в sRGB

Это бета 63.3, которая вышла в официальный релиз. Ее предшественница 63.2 умела работать в пространстве sRGB, поэтому все цвета в ней совпадали с браузером, экспортом и зеркалом. От этого экспериментального поведения решили отказаться, от чего я не очень в восторге.

Что делать тем, у кого проблемы с цветами
Оставаться на устаревшей бете нет смысла. Работаем в официальном клиенте и держим в уме, что на большей части не-яблочных устройств цвета будут менее насыщенными. Цвета в sRGB все еще можно проверять через веб-версию в Chrome и Safari. Подробно описал в проблему с цветами в этом посте.

#новости

✨ Улучшили UI выпадающих списков

– Дроп со стилями теперь появляется внизу, а не слева
– Курсивные типы шрифта теперь группируются отдельно

#новости

Может быть Принципл в скором времени подружится с Фигмой, но это не точно.
Затопите лайками: https://twitter.com/jackhone/status/1030574034583347201?s=09

Можно прототипировать в альбомном режиме

Они таки изменили + и -

Расширение функционала прототипирования

https://www.instagram.com/p/BmwDW1Vh4zo/?utm_source=ig_share_sheet&igshid=1t2fiu1t73js4

Все о новых обновлениях прототипирования

https://blog.figma.com/the-finale-of-prototyping-week-interactions-e30182a8ff8e

Переход "Назад"

Дизайн Батл #2 уже начинается!
Не пропустите трансляцию! Дизайнеры рисуют редизайн сайта БМВ, но используя японский язык и придерживаясь японской стилистики!
Ссылка на стрим: https://www.twitch.tv/designbattle

Когда забыл пароль в Figma и переживаешь, можно выбрать «Шучу, я вспомнил» и попробовать снова. Отличная альтернатива «Отмене», если общаетесь с пользователями неформально

#sign_in

Расширение для хрома в стиле Sketch Runner

https://chrome.google.com/webstore/detail/quick-command-for-figma/jnamineobbonnachpjionihgafoimhgd

Всем привет! Наконец-то стрим после такого долгого перерыва в 2 недели. Сегодня дизайним лендинг с нуля по тематике «НАКРУТОЧКА», общение, ответы на вопросы, дизайн в Figma — https://www.twitch.tv/rayantvin

⚡️ Что нового в прототипах
Кликабельный прототип прямо в зеркале, больше типов взаимодействий, внешние ссылки, ссылки на предыдущие экраны, ландшафтный режим для девайсов.

Зеркало теперь кликабельно
Работает, но не так чтобы прямо очень. Производительность сильно зависит от общего количества фреймов и растровой графики в прототипе. Есть еще предположение, что импортированные из Скетча файлы лагают сильнее, но я не обнаружил этой зависимости.

Можно указывать способ взаимодействия, теперь есть не только клик
Все 8 типов возможных взаимодействий:
1. On Click
2. While Hovering
3. While Pressing
4. Mouse Enter
5. Mouse Leave
6. Mouse Down
7. Mouse Up
8. After Delay

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

Можно устанавливать переходы на предыдущий экран
Через дроп Destination и пункт Back to previous screen во вкладке прототипов. Задать можно и на уровне всего компонента — все экземпляры унаследуют это поведение.

Можно вставлять внешние ссылки
Через дроп Destination и пункт Link to URL во вкладке прототипов. Принимаются и ссылки на прототипы из других страниц файла. Пока-что они открываются в браузере в отдельной вкладке. Напомню, что сейчас нет возможности связать экраны из двух разных страниц, одна страница — один прототип. Если начнут открывать ссылки на прототипы внутри десктопного клиента, то может сойти за временное решение связи отдельных страниц.

Можно поворачивать девайсы в ландшафтный режим
Доступно во кладке Prototype для всех девайсов. Конечно, фреймы тоже должны быть в ландшафтом режиме, никакой магии автоматического ресайза нет.

#новый_функционал