Из Фигмы в код
Так, стоило вернуться к работе — как тут же взрывная новость, для Фигмы появился плагин Anima!

Если вкратце — эта штука позволяет увидеть ваш прототип в браузере, т.е. он экспортирует проект в виде кода и отрисовывает внутри браузера, где открываются новые возможности по интерактивности. Например, можно указать несколько фреймов как брейкпоинты и потом изменять размер окна браузера — дизайн будет корректно изменяться. Или можно сделать настоящие инпуты, после чего в браузере можно писать в них текст. Еще есть расширенные анимации объектов и ховеры. Но главное, конечно же — ваш дизайн превращается в код с помощью одной кнопки. Качество кода оценить не могу, попробуйте сами: зарегистрируйтесь на сайте AnimaApp и установите плагин для Фигмы.

Кастомные изинги и вариативность в прототипах
В новом обновлении Фигмы добавили возможность вручную настраивать кривую изингов! Раньше были только Linear (не используйте почти никогда), Ease In, Ease Out и Ease In And Out, а теперь появится Custom, где можно управлять кривой, кайф! Помимо демонстрационного видео про изинги ещё показали как для одного объекта можно настроить 3 разных перехода в зависимости от совершаемого с ним действия, например, при наведении будет показан тултип, а при клике — переход на новый экран, и это даже больший кайф!

На просторах интернета обнаружена вакансия, где в Фигме и в XD нужно работать дольше, чем эти инструменты доступны публично (Фигма с 2016, XD с 2019) 🌚

Дизайн по описанию
Какое-то время назад в сети появилось видео с плагином для Фигмы, который автоматически генерирует дизайн из описания, написанного обычными словами. Да, просто пишете "Photo app with tab bar and like buttons" и получаете что-то похожее на Инстаграм. А буквально вчера на TJ вышла статья про нейросеть GPT-3, с помощью которой такое и стало возможно. Почитайте, там еще несколько классных примеров использования!

Публичный релиз Figma Community
Хорошие новости! С сегодняшнего дня Figma Community выходит из беты и в течение 14 дней станет доступна для всех пользователей.

Community — это пространство, где пользователи Фигмы смогут делиться друг с другом проектами с иконками, шаблонами, юай-китами и вообще всем, что душе угодно. У каждого будет публичный профиль, в который он сможет отправлять выбранные проекты. Есть известный sketchappsources.com, так вот Community — то же самое, только сразу внутри Фигмы и с копированием к себе файлов в один клик. Ждём!

Так, наконец-то Community добрался и до меня! Ищите новый раздел вместо Plugins в левой панели, плагины, соответственно, теперь являются частью Community.

И в списке плагинов Фигма сама нам показывает и напоминает, почему так важно помнить о контрастности текста по отношению к фону 🤷‍♂️

Из интересного в Community:

iOS и iPad OS UI Kit. Про качество сказать пока что ничего не могу, но выглядит так, будто там только самое нужное, плюс удобно отсортировано!

macOS Big Sur UI Kit. Юай-кит для проектирования приложений или сценариев для macOS. Опять же, только самые нужные базовые штуки.

Apple Widgets UI Kit. Шаблоны с виджетами для будущей iOS 14.

VKUI Web Library Beta. Библиотека с адаптивными компонентами для VK, про которую рассказывали на прошедшем митапе.

Vector Character Illustrations. Простые векторные иллюстрации с людьми, для лендингов или для прототипов могут быть вполне себе полезны.

Form Builder Components. Небольшой юай-кит с компонентами для создания форм — инпуты, селекты, чекбоксы, радиокнопки. Все сделано с auto layout.

Прошла Figma Config Europe 2020, в рамках которой рассказали о всех новинках, которые появятся в Фигме в ближайшее время. Из основного:

Новый вид компонентов — Variants
Нужен для того, чтобы несколько компонентов превратить в один, который внутри содержит все возможные варианты этого компонента. Грубо говоря, включенный и выключенный чекбокс теперь можно превратить в один компонент. Или вместо трех компонентов для трех вариантов кнопки (обычная, ховер, нажатая) сделать один компонент, который уже содержит в себе все состояния. Это кайф, в библиотеке теперь будет меньше компонентов для простейших элементов. Похожее было в Principle, когда вы в отдельной области делали переключение, например, тоггла.

Развитие прототипов
Вместе с Variants в январе добавят возможность делать переходы не только между объектами, но и между состояниями одного объекта (как раз для этого и нужны Variants). Пишут, что сейчас нужно прикладывать очень много усилий, чтобы создать иллюзию интерактивности — и Variants в прототипах поможет упростить эту задачу.

Новый интерфейс Auto Layout
Под эгидой «Design like you code» в ноябре появится измененный интерфейс Auto Layout, он станет более наглядным и понятным, к тому же добавятся новые возможности вроде независимых паддингов.

Новое меню Instance
Менять компоненты теперь еще проще — новое меню смены компонентов получило поиск и более наглядный вид (на самом деле просто перенесли в правую часть панель Assets, но с поиском стало сильно проще жить), работает уже сейчас!

Новый раздел Inspect
Ну и для разработчиков обновили раздел Inspect — там теперь можно в один клик копировать параметры выбранного объекта.

Небольшая гифка про Variants из блога, для наглядности. Очень круто! В прототипах можно будет делать взаимодействие не просто между компонентами, но и между вариантами внутри одного компонента.

Новый интерфейс Auto Layout, плюс небольшое превью новых возможностей.

Скетч пошел в атаку на единственном явно выигрышном фронте — Native Mac apps. В красивом лонгриде и некоторых твитах рассказывают о всех преимуществах нативных приложений и о том, что вы можете продолжать дизайнить в Скетче (в отличие от понятно чего) даже в отдаленной хижине в горах без какого-либо интернета.

С Новым годом, друзья!

https://youtu.be/J2MhdWjg_rg

Так, обозначился повод для возвращения на канал — там запустили бету FigJam, коллаборативный вайтборд, как Miro.

https://www.figma.com/figjam/team-collaboration/

Пишут про возможность импортировать экраны и ассеты прямо из Фигмы, про кучу стикеров, эмодзи и реакций. Выглядит неплохо, особенно не как отдельная вау-штука, а как дальнейшие шаги по выстраиванию своей экосистемы — тем более, что файлики из этой доски будут в общем потоке файлов, просто с другой иконкой (там теперь есть иконка доски, документа и прототипа). Короче идите и пробуйте, бесплатно до конца 2021!

Вот еще интересный видосик, в котором видно фичу с несохраняемым чатиком около курсора (идите и попробуйте!), а в конце тизерят аудио чат внутри Фигмы: https://www.youtube.com/watch?v=axDzyLEfYgU

Теперь можно открывать несколько вкладок с прототипами!

Тут недавно была новость о том, что в Калифорнии на уровне закона запретили использовать так называемые тёмные паттерны. А вот как Burger Heroes в один чекбокс поместил две совершенно разных по важности вещи — согласие с офертой и согласие с подпиской на всякий спам. Сейчас вот даже вкус «Черной мамбы» в памяти стал немного хуже. Не делайте так!

Конечно же нужно дать возможность осознанно совершать все действия и разделить это на 2 независимых чекбокса, даже если продакт просит вас всеми правдами и (как в этом примере) неправдами повысить кол-во имейлов в рассылке.

Увидел у @whyteabruv

Хочу рассказать о своих друзьях, которые делают интересную штуку — Design Regatta. Это такой отпуск и нетворкинг на яхтах, на этот раз в Греции! Сейчас у всех постоянные непонятки с отпусками, поэтому можно смело взять и сорваться с ребятами! Вкратце о тусиче:

Хочешь в июне на яхтинг в Греции?
Присоединяйся к Design Regatta!

С нами — Алина Ермакова (Сбер), Артемий Круглов (Visa), Мирослав Стефанский (Argument) и еще 3 лодки дизайнеров и продактов.

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

Греция, 5 - 12 июня, Афины.

Действуют скидки на групповые брони. Всем моря и приключений!

Подробности: https://designregatta.ru?from=str


А вот как это было в прошлый раз: https://clck.ru/M67D4