16606
У Figma нет официальных сообществ и каналов на русском, поэтому своими силами рассказываю обо всех новостях подробно и без мусора ❤️ Вопросы задавай в Фигма-чат: @figmachat Группа ВК: https://vk.com/figmadesign
🆕 Слотыыыы!!! Figma открыла бету слотов для всех на платных тарифах. #новое
Слоты — это возможность кастомизировать компоненты без детача. Меняй контент внутри определённой структуры. Как в коде.
Краткие советы:
• Начни с компонентов, которые чаще всего детачат — диалоги, карточки, меню
• Дефолтный контент в слоте = контекст. Пустой слот = «добавь сам»
• Preferred instances подскажут дизайнеру, что вставлять — меньше вопросов, больше консистентности
• Работает не только для кнопок, но и для целых лейаутов страниц
https://www.figma.com/blog/supercharge-your-design-system-with-slots/
28 октября пройдёт Schema — виртуальная конференция Figma по дизайн системам!
Можно смотреть лайв и в записи
https://schema.figma.com/
До ежегодной конференции Figma Config осталась неделя. Главная презентация новинок и обновлений состоится 7 мая в 19:00 по Москве. 🔥
После этого двое суток будут идти различные познавательные выступления от команды Figma и множества топовых дизайнеров и не только. ❤️
Регистрируйся, чтобы посмотреть всё онлайн: https://reg.config.figma.com/flow/figma/config2025/virtual/login
UI3 теперь доступен в Figma Community! 🔥
Посмотри, как Figma дизайнят в Figma:
https://www.figma.com/community/file/1486123838948777078
Неудобные моменты из 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
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/
FigJam вышел из beta и стал платным: давай разберёмся, что это значит! #новое 🤑 Если коротко, то несмотря на то, что FigJam и Figma существуют в одном пространстве, оплачиваются они независимо друг от друга. При этом все платные и бесплатные особенности Figma работают точно также и в FigJam. И если твоя команда не пользуется FigJam совместно, для тебя ничего не поменяется.
Использование FigJam в Starter командах с бесконечным числом редакторов и в личных Drafts бесплатно с теми же ограничениями, как и для Figma. В Professional, Organization и (новом) Enterprise тарифах оплата подобно Figma происходит за каждого редактора FigJam.
Редакторы FigJam не зависят от редакторов Figma, то есть если один участник команды имеет доступ к редактированию только Figma файлов, то оплата за FigJam за него списываться не будет, и наоборот. А если член команды имеет доступ к редактированию в обоих инструментах, будет необходимо платить и за Figma, и за FigJam. Всем этим можно управлять в настройках команды.
Подробнее про тарифы на FigJam: https://www.figma.com/pricing/#figjam-for-whiteboarding
Больше маленьких нововведений и оптимизаций, которые сильно улучшат твою работу в Figma и FigJam! #новое Полный список:
1. Поддерживается вставка фото с iPhone в формате HEIC
2. Отзывчивость ввода: больше не будет задержек при наборе текста
3. Поддерживается ввод альтернативных символов на macOS (при долгом нажатии буквы)
4. Стиль списка не будет меняться при изменении отдельных строк
5. Кнопки Home/End (fn + ←→) перемещают каретку в начало/конец текста
6. Больше нет промежуточного экрана «Leaving Figma» при открытии ссылок
7. Векторные сегменты одного объекта поддерживают заливки разных цветов 🎨
8. Переименовывай любые слои через Cmd/Ctrl + R при выключенном UI (Cmd/Ctrl + \)
9. Скоро скриншоты с Retina перестанут вставляться увеличенными в два раза
10. Deep Select (Cmd/Ctrl + клик) помогает быстро выбрать основной фрейм, раньше это было возможно сделать только кликом по его имени
11. Меню быстрой вставки компонентов (Shift + i) позволяет искать компоненты только по одной библиотеке, а не всем сразу
12. Быстро публикуй выбранные компоненты через контекстное меню или правую панель
13. Поиск в меню публикации библиотеки 🔥
14. Чёрные иконки для библиотек в файловом менеджере (синие для обычных файлов)
15. Быстрый переход к наборам вариантов с конфликтующими значениями из меню публикации библиотеки
16. Команда «Remove from library» в контекстном меню в панели Assets переименована в «Hide when publishing»
17. Кнопка «Return to instance» больше не прячется при выделении внутренних слоёв компонента
18. Быстро открывай библиотеки из настроек в Figma Organization
19. Корректный экспорт обводки основного фрейма в SVG. Ты ещё читаешь?
20. Более гибкое изменение размера шейпов в FigJam
21. Копируй ссылку на любой объект в FigJam
22. Красный теперь красный, а не оранжевый
23. Улучшена видимость выделения текста на синем фоне
24. Hide/Show UI и Unlock all objects опции добавлены в меню Quick Actions в FigJam
25. Больше горячих клавиш показываются при наведении на инструменты в FigJam
26. Нажимай Enter для перехода на новую строку в коннекторах
27. Объекты в FigJam выравниваются по сетке во время перемещения и изменения размера 😍
28. Встроенные библиотеки FigJam показываются в списке ниже твоих командных
С картинками: https://figma.fun/0KOIV6
Хочешь пользоваться Figma и FigJam на iPad? Присоединяйся к только что обновлённой бета версии приложения Figma для iPad! #новое 🍎 Пока оно доступно только для ограниченного списка моделей iPad.
Подробности в форме для заявки на бету: https://forms.gle/4ShGopLrYGhFqLDy6
Новое мобильное приложение Figma вышло из Beta и доступно для использования всем! #новое Если у тебя было установлено приложение Figma Mirror, просто запускай обновлённую версию, а если нет, устанавливай:
🍎 iOS → https://apps.apple.com/app/figma-mirror/id1152747299
🤖 Android → https://play.google.com/store/apps/details?id=com.figma.mirror
Кроме функции Figma Mirror, которая осталась в приложении, теперь можно просматривать и делиться любыми файлами и прототипами. Все команды, проекты и файлы в знакомом тебе интерфейсе, как на компьютере. При запуске прототипа доступны привычные настройки, такие как подсвечивание интерактивных элементов (hotspots), flows и другие. Отдельная бета версия приложения для ограниченного числа пользователей пока будет доступна и дальше для тестирования следующих обновлений.
Schema 2025: объявили крупные обновления для дизайн-систем! Все этого ждали! #новое
Extended Collections — теперь можно создавать мультибрендовые дизайн-системы. Выпускаешь базовую версию системы, а команды разных продуктов расширяют её своими темами. Расширения автоматически наследуют обновления из родительской системы, сохраняя свои кастомные переопределения.
Slots — революция для компонентов! Можно добавлять свои слои прямо в инстансы (раньше приходилось детачить или прятать элементы). Например, в дропдауны теперь легко добавить новые элементы, не теряя связь с компонентом.
Check Designs — AI-линтер для проверки соответствия дизайн-системе. Отмечаешь макет готовым для разработки, и система автоматически проверяет, используешь ли ты правильные переменные и токены. Модель сама предложит нужную переменную по контексту.
Производительность — обновление переменных и смена режимов теперь на 30-60% быстрее и другие .
Code Connect UI — теперь можно подключать GitHub репозитории прямо в Figma без кодинга. AI автоматически найдёт нужные файлы для маппинга с компонентами. Упрощает связь между дизайном и кодом.
Make kits — интеграция дизайн-систем с Figma Make. Можно генерировать React-компоненты и CSS из библиотек Figma, либо импортировать готовые компоненты через npm (публичные и приватные пакеты).
Импорт/экспорт переменных — наконец-то нативная поддержка! Figma дождалась релиза DTCG 1.0 спецификации, чтобы обеспечить единый стандарт для всей экосистемы.
Лимиты — режимов переменных теперь 10 для Professional и 20 для Organization (раньше было только 4) 🔥🔥
Большинство фич выходят в ноябре, некоторые уже доступны. Extended Collections, Slots и Make kits требуют заявки на early access. Figma MCP server (для AI-кодинга) вышел из беты и доступен всем пользователям.
https://www.figma.com/blog/schema-2025-design-systems-recap/
Не пропусти: анонсы новинок будут тут через 5 минут! 🚀
https://www.youtube.com/watch?v=5q8YAUTYAyk
В Figma добавили возможность свободно менять порядок модов переменных в коллекциях и самих коллекций! 🔥 Управляй структурой переменных простым перетаскиванием без риска удалить что-то важное или нарушить зависимости! #новое
Читать полностью…
Завезли возможность фиксировать соотношение сторон объектов! 🔥 #новое
Читать полностью…
Новые настройки подчёркиваний для текста уже здесь! #новое
Читать полностью…
На тарифе 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/
🆕 Иногда интерны создают самые полезные улучшения, и это одно из них: процесс обновления компонентов из библиотеки получил несколько апгрейдов! #новое
Новая иконка в правой панели позволит легко увидеть слои и компоненты, для которых доступно обновление. Можно сразу же принять эти изменения только для выбранных слоёв, а не для всего файла сразу. Удобно для тестирования изменений. А самое главное: появилось окошко, где можно сравнить друг с другом компоненты до и после изменения! 😍
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 like the Pros» в 20:00 по Москве! 😎 Узнай полезные советы по работе в Figma из первых рук — от людей, которые её создают и знают вдоль и поперёк. Передача макетов разработчикам, малоизвестные сочетания клавиш, создание сложных прототипов и другие интересные темы ждут тебя! #мероприятия
👉 Регистрация обязательна: https://figma.zoom.us/webinar/register/WN_38Zj7sEMRFG3nG2_tcp-xA?timezone_id=Europe%2FMoscow
У Figma открылся свой магазин, где можно купить мерч! Пока покупки доступны только в США, Великобритании и Канаде, но скоро планируется расширение до других стран. Ты обязательно узнаешь, когда список расширится до России! 😍
Вся прибыль с покупок мерча будет пожертвована в фонд TIST, который поддерживает фермеров из Кении, Уганды и Танзании в развитии и выращивании деревьев с целью снижения эффектов изменения климата. 🌱
👉 https://store.figma.com/
Скопировать ссылку на выбранный фрейм или страницу в приложении теперь можно шорткатом: Cmd + L (Mac) или Ctrl + L (Win). Делиться файлами с коллегами стало ещё быстрее! #shortcut
Читать полностью…
Запись выступления Саши Окунева из Ozon на первом русскоязычном стриме Figma уже доступна для просмотра! #мероприятия ⭐️ Спасибо всем, кто пришёл — было больше 500 человек, а это значит, что в дальнейшем будет больше стримов от Figma на русском. 🇷🇺
Интереснейший доклад о том, как проводилось слияние дизайн систем в Figma! И в целом отличное погружение в дизайн системы, которое будет интересно как тем, кто уже активно работает над дизайн системой, так и тем, кто только задумывается об этом.
Смотри видео: youtu.be/SunT0K5ULH4 и забирай файл презентации: https://figma.fun/qxp2NF ❤️