Figma

Только начинаешь осваивать Figma и знакомиться с дизайн инструментами в целом? Тогда этот плейлист из четырёх видео для тебя! 🤗 Узнай о процессе дизайна в Figma: начни с поиска и проработки идеи, затем воплоти её в своих макетах, создай интерактивный прототип и наконец передай результат разработчикам. #обучение 👉https://www.youtube.com/playlist?list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4

Познай обновлённый Auto Layout, посмотрев запись вебинара, прошедшего на прошлой неделе! 🤗 В нём есть всё самое нужное от основ до хитростей профессионалов. Целый час полезностей: https://youtu.be/u4K2m-3MmQQ

А вот и долгожданное обновление Auto Layout! Создавай гибкие и тянущиеся компоненты с полностью обновлённой панелью Constraints. Как всё устроено в подробностях ты сможешь узнать завтра на вебинаре. Также ты уже сейчас можешь начать самостоятельное изучение, просто перезагрузи Figma! #новое Поиграй с новинкой в подготовленном гайде: https://www.figma.com/community/file/784448220678228461 Прочитай статью, где рассказывается о каждой детали: https://help.figma.com/hc/en-us/articles/360040451373

В этом месяце Auto Layout заметно обновится! В следующую пятницу в 19:00 по Москве будет проводиться вебинар, где ты сможешь узнать подробнее об обновлениях, как к ним готовиться, и конечно же задать интересующие вопросы. 🐥 Регистрируйся заранее, чтобы не пропустить: https://figma.zoom.us/webinar/register/WN_XnLmGvmIT9uo7tbSTGFWJw?timezone_id=Europe%2FMoscow

Где найти все крутые и полезные плагины, которые публикуют практически каждый день? Тебе понадобится небольшая карта, которую мы сделали для тебя! 🗺 1. Сначала открой вкладку Community в меню слева. 2. Нажми на кнопку Explore — первую в куче других похожих кнопок. 3. Найди вкладку Plugins. Ты на месте! 📍 Чтобы найти свежие плагины (или просто очень непопулярные), включи сортировку по количеству установок. Поиск по плагинам доступен там же, во вкладке Community. #обучение

🆕 Больше улучшений панели Inspect для разработчиков! 👾 Добавляй к компонентам не только описание, но и ссылку на документацию связанную с этим компонентом, которую разработчики смогут открыть кнопкой “View documentation”. Также им доступна вся информация о вариантах: какие параметры выбраны для данного компонента. Её можно скопировать в один клик в удобном формате. Вдобавок во вкладке Inspect теперь можно легко найти родительский компонент и перейти к нему. #новое 🤓 Полное описание функций вкладки Inspect: https://help.figma.com/hc/en-us/articles/360055203533

Начнём неделю с полезной информации про Варианты. Что это и когда их использовать? 👀#обучение При создании дизайн системы часто появляются родственные компоненты, которые отличаются только парой свойств, но по сути являются одним и тем же объектом. Например, кнопка в состоянии фокуса, неактивная, с иконкой и т.п. Чтобы не плодить в дизайн системе кучу похожих компонентов, используй Variants! Варианты — это контейнеры, которые хранят различные состояния и вариации одного и того же компонента. Варианты отлично подходят для кнопок, чекбоксов, табов, полей ввода и других интерактивных элементов. Хорошо будут работать они и для слегка отличающихся карточек (например, в одной есть кнопка, в другой нет), баннеров с предупреждениями и информационными сообщениями, меню с разным видом и шириной для разных платформ. Не следует использовать варианты для группировки иконок — если объединить их в варианты, в поиске они будут отображаться как один компонент и нельзя будет их менять через панели Assets и Swap Instance.

Осваиваешь Варианты? Приходи на вебинар, где команда Figma расскажет о всех особенностях новой фичи, покажет лайфхаки и ответит на вопросы! Начало сегодня в 6 часов вечера по Москве. Регистрируйся: https://figma.zoom.us/webinar/register/WN_VX8Cjs1DQdyMkU2FEPPTiQ?timezone_id=Europe%2FMoscow

🆕 И ещё парочка небольших обновлений: Переходы и настройки анимации теперь доступны разработчикам в панели Inspect. Они смогут легко скопировать значения кривых анимации и другую информацию. Пользователи с доступом на просмотр файла теперь могут просматривать историю версий, открывать предыдущие версии файла. Восстанавливать версии из истории по прежнему могут только редакторы. https://releases.figma.com/#новое

🆕 Варианты уже тут — дизайн системы выходят на новый уровень! Если тебе хоть раз приходилось создавать несколько вариаций одного компонента, тебе следует попробовать Варианты. Эта функция помогает объединять схожие компоненты в один набор, который будет отображаться как один компонент в панелях Assets и Swap Instance. При создании Вариантов части имён компонентов написанные через слеш перейдут в значения свойств набора. А у инстанции этого компонента можно будет легко переключаться между этими значениями при помощи выпадающих меню или переключателей (если значения имеют названия true/false, on/off или yes/no). #новое Бежим пробовать новинку! Дублируй себе файл с примерами: https://www.figma.com/community/file/903303571898472063 Смотри вводное видео и узнай Варианты в подробностях: https://www.youtube.com/watch?v=y29Xwt9dET0 А чтобы узнать все малейшие детали и стать мастером Вариантов, изучи статью: https://help.figma.com/hc/en-us/articles/360056440594-Create-and-use-variants

🆕 Без сюрпризов: теперь владельцам Professional команд в конце месяца будут приходить оповещения о новых редакторах в команде. Это позволит заранее узнать о новых редакторах, чтобы не пришлось за них платить, если они добавлены по ошибке или без согласия администратора команды. У владельца будет три дня на то, чтобы их убрать при необходимости. #новое Также улучшены оповещения о запросах на редактирование в тарифе Organization. Во-первых, пользователи смогут добавить пояснительную записку, для чего они запрашивают доступ к редактированию. Во-вторых, можно выбрать администратора, который эти оповещения будет получать и выдавать эти разрешения. Подробнее о запросе на изменение прав доступа в Organization: https://help.figma.com/hc/en-us/articles/360040453433#Request_upgrade

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