Образование для всех! Начиная с сегодняшнего дня, мы расширяем нашу образовательную программу! 🚀

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

План Figma Education бесплатен для учителей и учеников. Он позволяет работать в команде со всем функционалом плана Professional и открывает доступ ко множеству образовательных ресурсов и дружному сообществу всех участников программы.

☺️ Учишься или обучаешь? Подай заявку: https://www.figma.com/education/

✏️ Подробнее об изменениях: https://www.figma.com/blog/bringing-figma-to-even-more-classrooms/

Рассказываем полезные фишки, которые сэкономят тебе время при работе со ссылками — слушай внимательно! 😏

• Ссылку на выбранный в текущий момент фрейм можно скопировать прямо из строки браузера или кликнув правой кнопкой мыши на вкладку в десктопном приложении и выбрав Copy Link.

• Любую скопированную ссылку можно вставить не нажимая ни Ctrl/Cmd + K, ни на иконку ссылки в верхней панели. Просто выдели текст или текстовый слой и нажми Ctrl/Cmd + V — вжух, и ссылка на своём месте! ✨

• Убрать подчеркивание у только что созданной ссылки можно нажатием Ctrl/Cmd + U (от английского Underline). И не нужно лазить в настройки текста!

Мы рады представить обновлённую интеграцию с Zeplin — при помощи плагина! Теперь ты можешь экспортировать фреймы, компоненты, стили в Zeplin всего за пару кликов!

Устанавливай плагин ▶ https://www.figma.com/community/plugin/745330164019088593/Zeplin

Zeplin — это система, облегчающая совместную работу дизайнеров и разработчиков. Если хочешь попробовать его, напиши в figma@zeplin.io и получи 3 месяца Zeplin Organization бесплатно! 🔥

Подробнее о том, как мы связываем разработку и дизайн: https://www.figma.com/blog/announcing-zeplin-plugin/

Что новенького в Figma? 🤗

Присоединяйся к вебинару, где наш VP продукта Yuhki Yamashita расскажет не только о недавних нововведениях (ссылки, улучшенный поиск), но и о грядущих изменениях — будет интересно! 🔥

Начало в 19:00 по Москве. (Запись будет!)

👉 Регистрируйся по ссылке: https://figma.zoom.us/webinar/register/WN_YQ7aKFpJQ-GIuyEBOmhR1g

Новая настройка в режиме просмотра прототипа: ты можешь отключить панели управления Figma, чтобы они не мешали взаимодействию с прототипом! 😍

Включать и выключать эти панели с настройками можно нажатием Cmd/Ctrl + \ (аналогично сочетанию клавиш для скрытия UI в редакторе).

Подробнее об этой настройке: https://help.figma.com/hc/en-us/articles/360040318013-set-prototype-presentation-view-options#Hide_prototype_toolbar_and_footer 😉

Что нас ждет? Вчерашний вебинар дал всем возможность немного подглядеть в нашу кухню! 🤗 Наши дизайнеры показали пять проблем, над решением которых они работают прямо сейчас:

✨ Проблема 1: Встраивание Figma файлов в другие инструменты. Сейчас приходится либо использовать скриншоты, либо использовать файлы с открытым доступом по ссылке для всех. 🆕 На следующей неделе мы представим Private Embeds (приватное встраивание) — новую настройку для планов Professional и Organization, которая позволит встраивать файлы в Trello, Jira, Notion и другие инструменты, не открывая доступ по ссылке для всех.

🏛Проблема 2: Создание и использование больших библиотек. У многих команд есть огромные библиотеки, в которых трудно ориентироваться и которыми трудно управлять. Здесь явно есть что улучшить!

🍝 Проблема 3: Сложные прототипы. Между собой, мы называем линии связей в прототипах “спагетти” — и иногда у тебя так много связей в прототипе, что в этой путанице становится очень сложно разобраться. Мы стремимся упростить процесс прототипирования множества взаимодействий! 😉

👩‍💻 Проблема 4: Администрирование команд и организаций. Люди приходят, уходят, меняют роли и проекты, и у некоторых целый день уходит на управление командами. Мы работаем над более предсказуемой моделью оплаты и улучшенным управлением доступом.

🎨 Проблема 5: Файлы, плагины и людей в Community сложно искать. 1200+ людей в Figma Community Beta ежедневно публикуют файлы и плагины. Как находить их работу и оставаться в курсе новинок? Эта проблема требует тщательной проработки.

Мы не можем гарантировать когда и в каком виде решения будут доступны — лишь хотим быть максимально открытыми и показать, в каком направлении двигается всеми любимый инструмент! ❤️

Что новенького? А вот и запись вебинара, в котором мы рассказали про недавние нововведения, анонсировали две новых фичи и рассказали, проблемы сейчас решают наши дизайнеры!

▶ https://youtu.be/lOfEOJ73TXE

Следи за новостями и присоединяйся к другим онлайн мероприятиям: https://www.figma.com/events/

Пользуешься десктопным приложением Figma? 😎 Попробуй его Beta версию: можно установить её и использовать совместно с существующим стабильным приложением!

Улучшения в версии Beta 86.1.0: производительность и меньшее потребление памяти, выход из аккаунта теперь очищает кэш приложения и стабильность открытия ссылок из браузера.

🤓 Уточним, что это бета версия не редактора, а приложения (оно по сути является браузером). Следовательно не стоит ждать в нём бета версий новых функций в самом редакторе — они не зависят от приложения/браузера, которым ты пользуешься.

⚡️ Ссылки на скачивание и подробности: https://releases.figma.com/2020/04/figma-desktop-app-beta-8610.html

“Houston, we have a problem!” 😵

Figma упала! Команда в курсе и пытается разобраться в проблеме. Следить за статусом решения проблемы можно на https://status.figma.com/

Мы сообщим когда система придет в норму. А пока выпей чаю и съешь ещё этих мягких французских булок... 😊

⚠️ Обновление! Нашим инженерам удалось определить причину падения и устранить её. Мы продолжаем следить за ситуацией и свяжемся с провайдером наших серверов для выяснения деталей происшествия. https://status.figma.com/

Если ты всё ещё испытываешь проблемы с подключением к Figma даже после перезагрузки браузера или приложения, напиши в support@figma.com. Спасибо! ❤️

Интересно, как построена дизайн система крупнейшей социальной сети в России и СНГ? Команда VK опубликовала библиотеку мобильных компонентов VKUI для Figma! 😍

На странице VK в Figma Community (figma.com/@vk) ты найдешь базовую библиотеку с иконками и цветами, зависимые от неё библиотеки с компонентами Android и iOS и библиотеку с цветами из приложений ВКонтакте.

Компоненты сделаны с Auto Layout, автоматическим переключением на тёмную тему, и другими плюшками — всё как вы любите. А на Github уже опубликован исходный код компонентов на React, так что это полноценная дизайн система, а не просто UI kit. 😉

✨ Подробности — в статье: https://vc.ru/design/127039-publikuem-dizayn-biblioteki-komponentov-vkui-v-figma

Представляем Authenticated Embeds — встраивай приватные для Professional и Organization команд файлы в любимые командные инструменты! 🔐

Эта настройка включается в меню Share командных файлов. Приватно встроенные файлы будут доступны только пользователям Figma, у которых есть доступ к этому файлу. Если пользователь не вошел в аккаунт Figma, ему нужно будет залогиниться, чтобы увидеть встроенный файл.

Сейчас поддерживаются Dropbox Paper, Coda, Notion, Jira, Trello, Storybook, а если хочешь предложить ещё инструмент, заполни форму: https://docs.google.com/forms/d/e/1FAIpQLScFOMdv7vukAElj7XUqnpnu9IQBwzrz3O9HVnbQo1v60umQsQ/viewform

👉 Читай подробности в блоге: https://www.figma.com/blog/announcing-live-figma-embeds

Теперь можно вставлять mailto: ссылки в редактор! ✉️ #новое

Когда в Figma появилась возможность вставлять ссылки, это заметно упростило создание документации и PDF файлов. А поддержка ссылок на email позволит оставлять в них контакты для связи по клику. 😎

Как создать такую ссылку? Это делается привычным способом: выбери текст и нажми в верхней панели кнопку создания ссылки или сочетание клавиш Ctrl + K / Cmd + K. Затем напиши в открывшееся поле адрес почты и нажми Enter. Можно также использовать ссылку mailto: с предварительно заполненными полями.

При наведении на такую ссылку можно будет скопировать адрес электронной почты или сразу открыть его в почтовом клиенте. 😋

Брейкпоинты заказывали? С плагином Responsive ты можешь легко посмотреть как будет выглядеть сайт на разных экранах! 🤯

⚡ Устанавливай плагин: https://www.figma.com/community/plugin/840727678445998968/Responsive

Как это работает? Создай вариации макета для разных размеров экранов (не забудь выставить Constraints) в отдельных фреймах. Элементы в них могут иметь разное расположение и размер — в этом и суть адаптивного дизайна. 😉 Запусти плагин и выбери исходные фреймы, а затем один пустой фрейм, который ты будешь менять. Не закрывая плагин, изменяй размер фрейма — плагин будет динамически выбирать и показывать макет нужного размера.

Учи шорткаты! Знание сочетаний клавиш для часто используемых тобой команд экономит время. 😉 А новое бесплатное приложение «Шорткаттер» поможет быстро узнать и выучить горячие клавиши в Figma в интерактивной форме (и с красивыми анимациями)!

От команды разработчиков: “Это наш дипломный проект в Школе Бюро Горбунова и первый опыт в разработке приложений. Будем рады, если вы напишете в комментариях, что думаете о нашем продукте и каких функций не хватает 😊”

Шорткаттер работает как в браузере, так и в десктопном приложении. Пока доступна только версия для macOS. Скачать и узнать подробности о проекте можно сайте: https://shortcutter.ru/

🆕 Слишком мелкий шрифт в интерфейсе Figma? Теперь ты можешь увеличивать и уменьшать масштаб интерфейса в десктопном приложении! 🔍 #новое

Новую настройку под названием Interface Scale можно найти в меню View на macOS (в менюбаре, не в самом редакторе) и в дополнительном меню в виде стрелочки 🔽 рядом с кнопкой сворачивания окна в приложении на Windows. Также есть горячие клавиши: Alt + Cmd + [+ или -] и Alt + Ctrl + [+ или -] на macOS и Windows соответственно. Там же есть и функция, позволяющая вернуть стандартный размер интерфейса (шоткат Alt + Cmd + 0 или Alt + Ctrl + 0).

🆕 Что новенького? Мы запустили Webhooks: ещё один способ интеграции Figma с твоими любимыми инструментами! #новое

Вебхуки позволяют совершать действия в таких инструментах как Slack, Jira или на твоём собственном сервере, когда в файлах или библиотеках Figma происходят изменения, появляются новые комментарии или происходят другие события. 😎 Простыми словами: они нужны, чтобы Figma сама отправляла запрос на указанный ресурс, когда в ней происходит какое-то действие. И мы сделали их безопасными, надежными, и простыми в использовании для разработчиков.

Вебхуки доступны на тарифах Professional и Organization, и они всегда прикреплены к определенной команде. В одной команде можно использовать до 20 вебхуков, и на каждый вебхук можно назначить один триггер, например публикация библиотеки или комментарий в файле.

📖 Подробности читай в документации: https://www.figma.com/developers/api#webhooks_v2

Насколько хорошо ты знаешь Figma? Давай проверим! Начнем с истории и вопроса об основателях компании. Кто придумал и создал Figma?

Чур не гуглить! 😘 Ответ и второй вопрос опубликуем через несколько часов.