15994
У Figma нет официальных сообществ и каналов на русском, поэтому своими силами рассказываю обо всех новостях подробно и без мусора ❤️ Вопросы задавай в Фигма-чат: @figmachat Группа ВК: https://vk.com/figmadesign
Новые настройки подчёркиваний для текста уже здесь! #новое
Читать полностью…
На тарифе Professional теперь можно передавать целые проекты со всеми связями в другие команды. Можно оставить копию себе или передать проект полностью со всеми комментариями. #новое
https://help.figma.com/hc/en-us/articles/10250387712407-Transfer-a-project-or-team-to-a-different-account
Сейчас будут обновления! 🎉
https://www.youtube.com/watch?v=n5gJgkO2Dg0
Figma и Adobe отказались от слияния! ✨ Государственные антимонопольные органы, как в США, так и в Европе не дали сделке состояться.
https://www.figma.com/blog/figma-adobe-abandon-proposed-merger/
Сегодня режиму Dev Mode в Figma уже 2 месяца! И за это время разработчикам удалось запустить более 200 больших и маленьких обновлений, и 5 самых важных из них становятся доступны сегодня. А про ещё некоторые обновления и багфиксы можно почитать в статье. #новое Погнали:
1. Отметку “готово для разработки” (ready for devlopment) можно ставить не только к разделам, но и к компонентам, инстансам и фреймам.
2. Больше информации о компонентах: можно узнать из какой библиотеки взят компонент, а также поиграть с его переменными и свойствами в специальном окошке, нажав “Open in playground”.
3. Понравится тем, кто работает с дизайн системами: можно смотреть информацию об отцепленных компонентах и сравнивать их с исходными компонентами.
4. REM единицы измерения теперь доступны для текста, а также можно настроить свои единицы измерения и к чему их применять.
5. История версий теперь доступна в режиме разработчика, а значит можно отдать в разработку конкретную версию файла, пока в нём продолжается дальнейшая работа дизайнера.
Больше обновлений: https://www.figma.com/blog/dev-mode-fast-follows-200-new-features-and-fixes/
Презагружай Фигму и изучай новинки! (Обновления будут выкатываться постепенно в следующие часы.)
https://www.figma.com/whats-new/
Отличные новости — в Figma появилась новая “фича”, а точнее ограничение: теперь на бесплатном тарифе нельзя публиковать в библиотеку даже стили. Пользоваться уже опубликованными библиотеками по прежнему можно всем, но публиковать новые бесплатно нельзя. Публиковать стили могут все пользователи тарифных планов Education, Professional, Organization и Enterprise. #новое
😎 Узнать больше о стилях: https://help.figma.com/hc/en-us/articles/360039238753-Styles-in-Figma
🤑 Посмотреть тарифные планы: https://www.figma.com/pricing/
Это обновление, кажется, секретное — Figma нигде не публикует об этом информацию. Так что тссс…
Превращай анимации из Figma в Lottie файлы — плагин LottieFiles получил апгрейд, позволяющий экспортировать анимации, сделанные с помощью Smart Animate, а не только использовать готовые. #плагин
https://lottiefiles.com/plugins/figma
🆕 Иногда интерны создают самые полезные улучшения, и это одно из них: процесс обновления компонентов из библиотеки получил несколько апгрейдов! #новое
Новая иконка в правой панели позволит легко увидеть слои и компоненты, для которых доступно обновление. Можно сразу же принять эти изменения только для выбранных слоёв, а не для всего файла сразу. Удобно для тестирования изменений. А самое главное: появилось окошко, где можно сравнить друг с другом компоненты до и после изменения! 😍
https://help.figma.com/hc/en-us/articles/360039234193
В Figma теперь можно вставлять видео! 🎥 Они будут проигрываться в прототипе — как GIF, но со звуком! #новое Загружать новые видео размером до 30 МБ могут пользователи в командах на платных и Education тарифах. В файлах в Drafts и в бесплатных командах загружать видео нельзя, но можно использовать видео уже загруженные и опубликованные в Figma Community другими пользователями.
Можно останавливать видео и отключать звук, взаимодействуя с элементами в прототипе. Достаточно создать связи между фреймами, где видео проигрывается и где оно остановлено или отключен звук. Подробнее этот механизм и фичу в целом ты можешь изучить в этом файле: https://figma.fun/6XTLH1 и статье: https://figma.fun/tqelR4
Кстати о прототипах, при их редактировании теперь можно выделять несколько соединений сразу, перетягивая область выделения. Также добавили возможность тянуть новые соединения из любого угла объекта, чтобы в этих «спагетти» было легче ориентироваться. 🤗
Adobe купили Figma за $20 млрд. Компании заключили договор о слиянии. Это не шутка! 🤯
Пресс релиз Adobe: https://news.adobe.com/news/news-details/2022/Adobe-to-Acquire-Figma/default.aspx
Twitter тред от CEO Figma: https://twitter.com/zoink/status/1570385551517437952
Статья от Figma: https://www.figma.com/blog/a-new-collaboration-with-adobe/
В Figma Community наконец-то обновили навигацию, теперь искать файлы, плагины, виджеты и пользователей стало гораздо проще. Можно фильтровать ресурсы по категориям, инструменту (для Figma, FigJam или обоев), и сортировать их по наиболее трендовым, популярным или по дате. Вот готовый поисковый запрос для примера: https://figma.fun/tFujgK (да, ссылки на поиск тоже работают). #новое 😇
→ https://www.figma.com/community
Виджеты в Figma и новая панель плагинов! #новое
Зайдя в Figma сегодня ты заметишь в панели инструментов новое «меню ресурсов»: через него можно искать плагины и виджеты, а также вставлять компоненты. Вставка компонентов открывается через привычный шорткат Shift + I, а вот быстро открыть панель плагинов без мыши пока можно только через поиск: жмякни Cmd/Ctrl + /, введи “fm” (Find More Plugins) и нажми Enter. Но советую настроить свой шорткат сторонними программами (я использую Alt + 4) и проголосовать за предложение добавить его нативно: https://figma.fun/6GR2Re. Также для удобства можно закрепить панель, чтобы она всё время была открыта.
Главное обновление — плагины больше не нужно устанавливать, и не нужно заходить в Figma Community, чтобы найти их. Установленные плагины теперь больше играют роль «любимых», чтобы всегда держать их под рукой. А все остальные можно найти через поиск в меню ресурсов.
Также в Figma теперь доступны виджеты: интерактивные объекты, которые живут на холсте и позволяют тебе и твоим коллегам взаимодействовать с собой. Найди виджеты для своей работы в новой панели ресурсов!
Сегодня в 13:00 по Москве пройдёт вебинар про DesignOps (практики управления дизайн командами и процессами). 🤗 #мероприятия
Лиды Design Operations команд расскажут о том, что это такое, с чем это едят и как Design Ops обеспечивают успех дизайн команд. Регистрируйся: https://figma.zoom.us/webinar/register/3616491500960/WN_zM_lSg5XRjqFDJQmmvcnlQ?timezone_id=Europe%2FMoscow
По просьбам участников сообщества я создал чат для обсуждения этой активно развивающейся области, присоединяйся к обсуждению: @designopschat
🆕 Почувствуй себя на виртуальной сцене, пригласив других следовать за тобой в новом режиме Spotlight! 👑 #новое
Вместо того, чтобы просить других нажать на твою аватарку (порой даже такая простая с виду задача вызывает сложности), можно направить на себя виртуальный прожектор, нажав в верхней панели на свою аватарку и кнопку «Spotlight me». Все, кто находится в файле автоматически начнут «следовать» за тобой по файлу. Вечеринка курсоров! 🎉 https://help.figma.com/hc/en-us/articles/5025214483351-Facilitate-meetings-with-spotlight
Неудобные моменты из UI3 постепенно откатывают:
• Вернули панель Constraints, которую можно перманентно включить или скрыть при желании. (А я уже привык пользоваться своим плагином Quick Constraints.)
• Дропдаун Blend Modes теперь показывается если режим наложения был изменён.
#новое (или старое?)
📌 Как получить доступ к ИИ и новому интерфейсу?
Открывай Figma и нажми на «?» в правом нижнем углу или найди «Join waitlist» в поиске (Cmd/Ctrl + P).
Так можно встать в очередь на получение доступа к этим обновлениям. Раздавать доступ будут постепенно.
——
А я вот сделал видео об использовании Figma AI с моим плагином Master: https://www.youtube.com/watch?v=juhkmP8StG4
Dev Mode в Figma выходит из беты и становится платным! 🤑 Расскажу всё, что нужно знать об этом нововведении. Dev Mode — это эволюция ранее доступной панели Inspect, теперь это не просто одна панель, а полноценный режим для передачи макетов и удобства разработки. #новое
Для разработчика доступен код элементов для разных платформ, который можно брать за основу для разработки, а также появилась возможность создавать плагины с генерацией кастомного кода под разные фреймворки. Есть интеграция с VSCode, позволяющая смотреть дизайн не покидая среду разработки. Визуальное и текстовое сравнение изменений в коде упрощает поддержку компонентов.
В свою очередь дизайнерам доступна функция аннотаций, чтобы обратить внимание разработчика на важные детали (но плагин EightShapes Specs никто не отменял). Для улучшения совместной работы в команде представлены интеграции с Jira, Linear, Storybook и другими инструментами.
Теперь о ценах. Professional: для разработчиков необходимо купить полноценное место, как и дизайнеру. Organization и Enterprise могут купить Dev Mode отдельно по цене $25 и $35 в месяц соответственно (оплачивается за 12 месяцев). Dev Mode недоступен в бесплатном тарифе Starter.
Без Dev Mode разработка по-прежнему возможна! В файлах с доступом на просмотр разработчики могут бесплатно посмотреть и скопировать все необходимые свойства, переменные, стили и другую информацию. Как и раньше можно измерять отступы и экспортировать объекты (только без красивого меню — обучайте своих разрабов). Нет только генерации кода, то есть чуть больше придётся писать руками. Также в связи с дороговизной Dev Mode активизировались конкуренты, такие как Zeplin — у них уже давно есть интеграции, но возможно появится ещё больше возможностей. Также учитывая то, что некоторые разработчики предпочитают копировать файлы себе в Drafts, уверен, появится ещё больше плагинов для упрощения их работы в Figma.
🆕 Все 42 маленьких, но больших обновления, которые вышли этой осенью: всё для прототипирования, коллаборации, разработки и конечено же удобства работы дизайнера. Из этих обновлений 21 вышло сегодня. #новое
Листай презентацию: https://www.figma.com/community/file/1279187003114503131
4 обновления переменных! #новое
1. В дополнение к числовым переменным, теперь и у переменных цвета можно указывать поля, к которым можно их применить. Например, переменную фонового цвета можно запретить применять к обводке.
2. Редактирование нескольких переменных сразу: выдели их с шифтом и нажми правой кнопкой мыши.
3. Имена переменных для разработчиков: можно указывать имена переменных для разных платформ (Web, iOS, Android) для удобства разработчиков.
4. Гранулярное переключение тем: теперь можно применить мод не только к инстансам целиком, но и ко вложенным в них слоям отдельно.
Теперь ждём текстовых переменных и других улучшений.
Прямое включение с Config! Срочно смотреть:
https://www.youtube.com/watch?v=-44qrQDnLMM
Config — ежегодная конференция Figma возвращается! #config
75+ спикеров, 50+ выступлений и конечно же долгожданные релизы и анонсы новых фич ждут тебя 21 и 22 июня!
Регистрируйся: https://config.figma.com
30 маленьких, но больших обновлений! 🎉 #новое
https://www.youtube.com/watch?v=BnJLFAGKZIc
12 обновлений и багфиксов для комфортной работы в Figma! 💞 #новое
1. Инструмент Scale получил великолепный апгрейд: теперь можно без плагинов задавать точный размер для увеличения как в процентах, так и в пикселях. Можно даже выбирать направление, в какую сторону выбранные объекты будут увеличиваться или уменьшаться! Жми «K» и наслаждайся.
2. Улучшено окно создания стилей и добавлена возможность создавать стиль с нуля — когда ничего не выбрано на рабочем пространстве.
3. Режим «помогите, я что-то нажал и всё пропало» (также известный как режим аутлайнов, Shift + O) стало легче выключить: внизу окна будет кнопка возврата в обычный режим просмотра.
4. Запустить презентацию/прототип теперь можно с клавиатуры: Ctrl + Alt + Enter / Cmd + Alt + Enter. ✨
5. Ссылки и списки теперь сохраняются при вставке их из других программ.
6. Ссылки в Figma теперь открываются просто по клику — до этого приходилось ждать открытия всплывающего окна. Такое поведение не будет мешать выделению текстового объекта: Shift + клик, Cmd/Ctrl + клик и двойной клик не открывают ссылку.
7. Добавлена поддержка раскладок клавиатур для разных языков, поэтому если у тебя, например, немецкая раскладка клавиатуры — сочетания клавиш будут работать лучше. В меню шоткатов Shift + Ctrl + ? можно выбрать нужную раскладку.
8. В окне публикации компонентов и стилей добавили галочку для выбора всех объектов сразу. Удивительно, что раньше её не было — как пещерные люди жили!
9. Поиск и замена теперь поддерживает многострочный текст и мягкие переносы.
10. Настолько маленькая деталь, что даже тратить на неё слова как-то жалко: кнопка Tidy Up, которая появляется в углу выделенных объектов теперь не мешает их перемещению (можно нажать на неё и тянуть — кнопка не нажмётся и исчезнет).
11. Теперь о багах. Переписали алгоритм сортировки цветов в документе, что ускорило открытие панели выбора цвета в больших файлах.
12. Пофиксили проблему с залипанием перемещения по холсту при помощи средней кнопки мыши.
Нажми Ctrl + F или Cmd + F: новая функция поиска слоёв и замены текста уже доступна в Figma и FigJam! #новое
Занятная статья о том, как эта фича разрабатывалась: https://www.figma.com/blog/behind-the-feature-find-and-replace/
20 обновлений и багфиксов в Figma, FigJam, приложениях и файловом браузере. #новое ✨ Вот самые интересные на мой взгляд:
1. Двойной клик по точкам градиента равномерно их распределяет (точного позиционирования, быстрого поворота и отражения градиента по-прежнему нет)
2. Больше не нужно делать group → align → ungroup для выравнивания нескольких объектов относительно фрейма: можно нажать на иконки выравнивания с зажатым Shift (горячих клавиш нет)
3. Добавили жесты для Undo/Redo в приложении Figma на iPad (которое несмотря на своё название позволяет редактировать только файлы FigJam)
Все маленькие обновления и багфиксы: https://www.figma.com/blog/little-big-updates-august-2022/
Список полезных объектов, которые можно копировать из FigJam в Figma пополнился Разделами (Sections). До этого момента, по-моему, в списке были только стрелки. 😅 #новое А чтобы не создавать новые файлы FigJam просто чтоб скопировать этот объект, можно использовать плагин: https://figma.fun/MEx5ff
Разделы — это удобные контейнеры для объединения относящихся друг к другу объектов на холсте. Прототипы и компоненты в Разделах продолжают работать как обычно, ведь Разделы созданы для удобного структурирования Figma файлов, а не для использования в составе дизайна. Секции можно помещать друг в друга и их заголовки всегда видны, в отличие от фреймов. Экспортированные секции также сохраняют заголовки.
Как добавить эффекты к прозрачным объектам в Figma? Создаём белую заливку (можно написать просто «f» в поле цвета), ставим метод наложения Multiply или Darken (именно в настройках цвета заливки). Готово — можно добавлять Background blur и тени к прозрачному объекту! 🔥 #обучение
Как это работает: режим наложения Multiply перемножает каждый компонент R, G и B фонового изображения (A) с соответствующим компонентом цвета накладываемого слоя (B). Если B = 1 (белый), то A × B = A × 1 = A, следовательно цвет фона остаётся без изменений, заливка не видна.
Больше не нужно заливок с непрозрачностью 1% или 0.01%. Бежим добавлять такой стиль в дизайн системы и UI киты! Только не забудь написать понятное описание стиля для других дизайнеров и разработчиков. Нашёл этот метод в файле Material You & Android 12 от Eduardo Pratti: pratti" rel="nofollow">https://www.figma.com/@pratti, не мог не поделиться.
🆕 Полный список обновлений Figma, запущенных на Config 2022:
• Авто лейаут 4.0
• Свойства компонентов (component props)
• Вариативные шрифты
• Отдельные обводки с разных сторон
• Анимация Spring
• Тёмная тема
• Режим спотлайт для мультиплеера
👑 И несколько небольших:
• Защита файла паролем (тариф Pro и выше)
• Быстрое выделение идентичных объектов во всех вариантах (иконка мишени под объектом внутри варианта или Cmd/Ctrl + Alt + A)
• Улучшенный режим просмотра контуров (Outline Shift + O)
• У треугольников три угла
• Светлая тема стала более контрастной
• В ветках (branches) можно обозначать текущий статус
• Изменён дизайн панели Smart Animate
• Обрезка текста с многоточием
Все обновления доступны прямо сейчас. #новое Посмотри презентацию Дилана: https://www.youtube.com/watch?v=JUTFghsG8nI
🆕 Тёмная тема: для любителей ночной работы! Дождались! Многолетние мольбы сообщества были услышаны! ⚫ #новое Активируется в меню Preferences → Theme в главном меню Figma (можно также найти в поиске Cmd/Ctrl + / — главное не забудь перезагрузить Figma, чтобы получить обновление). Также напоминаю, что для «полного погружения» можно сменить цвет фона страниц в правой панели. https://help.figma.com/hc/en-us/articles/5576781786647-Change-themes-in-Figma
⚫ Тебе наверняка интересно, почему на реализацию dark mode ушло так много времени — продолжай смотреть Config, одно из выступлений от команды Figma будет как раз про это.