VisualEyes — генерация Attention Heatmap в один клик.

👉 Попробовать плагин

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

Полезный шорткат для быстрого копирования ссылки на проект в буфер обмена:

Mac: ⌘ + L
Win: Control + L

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

🆕 Figma расширяет возможности работы с видео в прототипах 🎥

Теперь можно добавить форматы .gif, .mp4, .mov или .webm весом до 100MB 💪

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

Подробнее на сайте фигмы

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

Html to design — плагин конвертирует html сайт в готовый и редактируемый макет в Figma.

👉 Попробовать плагин

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

Golden Line Height — плагин автоматически устанавливает межстрочный интервал, используя правило «золотого сечения».

Install plugin

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

Apply Current Background to All Pages — полезный плагин, который позволяет изменить цвет фона на всех страницах проекта.

Install plugin

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

Долгожданная фича: теперь в фигме можно системно задавать разделители между страницам 👍

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

Фигма обновила раздел уведомлений

Теперь можно сразу просматривать ветки сообщений и видеть превью макетов к которым принадлежит комментарий

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

Бывало такое что нужно какое-то слово в текстовом стиле сделать жирным, курсивом или подчеркнутым? Для этого приходилось детачить текстовый стиль, что как бы не системно. Теперь детачить не придется - можно просто заюзать хоткеи:

⌘B или Ctrl+B = Жирный
⌘I или Ctrl+I = Курсив
⌘U или Ctrl+U= Подчеркнутый

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

Напоминаем что уже совсем скоро 26 и 27 июня состоится Config — ежегодная конференция Figma!

75+ спикеров, 50+ выступлений, долгожданные релизы и анонсы новых функций!

https://config.figma.com/?lang=en

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

Собираем бинго тем на сегодняшней конференции фигмы 😏 Будете смотреть?

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

Фигма показала редизайн. Сильно подскруглили UI, панели управления теперь не прибиты. Верхняя панелька инструментов вообще вниз уехала. В целом, чувствуются вайбы Spline. Явно хотели в дружелюбность, но досадно, что потеряли идентичность. В целом надо тестить 🤷‍♂️

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

Как и ожидалось, представили новые возможности AI:

→ Больше никаких споров о том надо ли делать понятный нейминг для слоев - фигма это сделает за вас
→ Генерация макетов через промт
→ Умный визуальный поиск по примерам
→ AI генерация контента
→ Генеративное создание прототипов
→ AI сбор страниц из вашей дизайн-системы (soon)

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

Прокаченный аналог power point на борту фигмы — Figma Slides:

1. Прототипы в презентациях
2. Опросы в презентациях
3. Страницы в FigJam

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

Фигма также представила свою обновленную дизайн-систему под названием Simple.

Открыть в комьюнити: https://www.figma.com/community/file/1380235722331273046

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

И в дополнение: в Figma теперь встроены глобальные компоненты для iOS, Android и самой Figma, что позволяет создавать макеты без необходимости использовать внешние файлы, поддерживая все свойства. 👍

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

Также не забыли и про улучшения Dev Mode:

→ Code Connect вышел из беты
→Прокачали просмотршик проектов, помеченных как «готовые к разработке»
→ Улучшенный режим фокусировки
→ Дополнительные статусы готовности макетов

———

👋 Про дизайн
👋 Вакансии
👋 Референсы

Общий дайджест по сегодняшним апдейтам:

1 Новый UI
2 Автоматический Auto Layout
3 Встроенные iOS, Android и Figma UI Kit'ы
4 Итерации и лента в Dev Mode
5 Version Control
6 Адаптивные прототипы
7 Code Connect вышел из беты
8 Нативный AI AI AI
9 AI сбор страниц из вашей дизайн-системы (soon)
10 Умный визуальный поиск по примерам и не только
11 AI генерация контента
12 AI переводы
13 Быстрое переименование слоёв
14 Автоматическое создание прототипов
15 Презентации в Figma Slides!
16 Прототипы в презентациях
17 Опросы в презентациях
18 Страницы в FigJam

Отдельно стоит отметить шоурилы фигмы — как всегда ребята держат планку.

———

📁 Дизайн-папка