Figma

🆕 Что новенького? Мы запустили Webhooks: ещё один способ интеграции Figma с твоими любимыми инструментами! #новое Вебхуки позволяют совершать действия в таких инструментах как Slack, Jira или на твоём собственном сервере, когда в файлах или библиотеках Figma происходят изменения, появляются новые комментарии или происходят другие события. 😎 Простыми словами: они нужны, чтобы Figma сама отправляла запрос на указанный ресурс, когда в ней происходит какое-то действие. И мы сделали их безопасными, надежными, и простыми в использовании для разработчиков. Вебхуки доступны на тарифах Professional и Organization, и они всегда прикреплены к определенной команде. В одной команде можно использовать до 20 вебхуков, и на каждый вебхук можно назначить один триггер, например публикация библиотеки или комментарий в файле. 📖 Подробности читай в документации: https://www.figma.com/developers/api#webhooks_v2

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

Учи шорткаты! Знание сочетаний клавиш для часто используемых тобой команд экономит время. 😉 А новое бесплатное приложение «Шорткаттер» поможет быстро узнать и выучить горячие клавиши в Figma в интерактивной форме (и с красивыми анимациями)! От команды разработчиков: “Это наш дипломный проект в Школе Бюро Горбунова и первый опыт в разработке приложений. Будем рады, если вы напишете в комментариях, что думаете о нашем продукте и каких функций не хватает 😊” Шорткаттер работает как в браузере, так и в десктопном приложении. Пока доступна только версия для macOS. Скачать и узнать подробности о проекте можно сайте: https://shortcutter.ru/

Брейкпоинты заказывали? С плагином Responsive ты можешь легко посмотреть как будет выглядеть сайт на разных экранах! 🤯 ⚡ Устанавливай плагин: https://www.figma.com/community/plugin/840727678445998968/Responsive Как это работает? Создай вариации макета для разных размеров экранов (не забудь выставить Constraints) в отдельных фреймах. Элементы в них могут иметь разное расположение и размер — в этом и суть адаптивного дизайна. 😉 Запусти плагин и выбери исходные фреймы, а затем один пустой фрейм, который ты будешь менять. Не закрывая плагин, изменяй размер фрейма — плагин будет динамически выбирать и показывать макет нужного размера.

Теперь можно вставлять mailto: ссылки в редактор! ✉️#новое Когда в Figma появилась возможность вставлять ссылки, это заметно упростило создание документации и PDF файлов. А поддержка ссылок на email позволит оставлять в них контакты для связи по клику. 😎 Как создать такую ссылку? Это делается привычным способом: выбери текст и нажми в верхней панели кнопку создания ссылки или сочетание клавиш Ctrl + K / Cmd + K. Затем напиши в открывшееся поле адрес почты и нажми Enter. Можно также использовать ссылку mailto: с предварительно заполненными полями. При наведении на такую ссылку можно будет скопировать адрес электронной почты или сразу открыть его в почтовом клиенте. 😋

Представляем 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

Интересно, как построена дизайн система крупнейшей социальной сети в России и СНГ? Команда 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

⚠️ Обновление! Нашим инженерам удалось определить причину падения и устранить её. Мы продолжаем следить за ситуацией и свяжемся с провайдером наших серверов для выяснения деталей происшествия. https://status.figma.com/ Если ты всё ещё испытываешь проблемы с подключением к Figma даже после перезагрузки браузера или приложения, напиши в [email protected]. Спасибо! ❤️

“Houston, we have a problem!” 😵 Figma упала! Команда в курсе и пытается разобраться в проблеме. Следить за статусом решения проблемы можно на https://status.figma.com/ Мы сообщим когда система придет в норму. А пока выпей чаю и съешь ещё этих мягких французских булок... 😊

Пользуешься десктопным приложением Figma? 😎 Попробуй его Beta версию: можно установить её и использовать совместно с существующим стабильным приложением! Улучшения в версии Beta 86.1.0: производительность и меньшее потребление памяти, выход из аккаунта теперь очищает кэш приложения и стабильность открытия ссылок из браузера. 🤓 Уточним, что это бета версия не редактора, а приложения (оно по сути является браузером). Следовательно не стоит ждать в нём бета версий новых функций в самом редакторе — они не зависят от приложения/браузера, которым ты пользуешься. ⚡️Ссылки на скачивание и подробности:https://releases.figma.com/2020/04/figma-desktop-app-beta-8610.html

Что новенького? А вот и запись вебинара, в котором мы рассказали про недавние нововведения, анонсировали две новых фичи и рассказали, проблемы сейчас решают наши дизайнеры! ▶https://youtu.be/lOfEOJ73TXE Следи за новостями и присоединяйся к другим онлайн мероприятиям: https://www.figma.com/events/

Что нас ждет? Вчерашний вебинар дал всем возможность немного подглядеть в нашу кухню! 🤗 Наши дизайнеры показали пять проблем, над решением которых они работают прямо сейчас: ✨ Проблема 1: Встраивание Figma файлов в другие инструменты. Сейчас приходится либо использовать скриншоты, либо использовать файлы с открытым доступом по ссылке для всех. 🆕 На следующей неделе мы представим Private Embeds (приватное встраивание) — новую настройку для планов Professional и Organization, которая позволит встраивать файлы в Trello, Jira, Notion и другие инструменты, не открывая доступ по ссылке для всех. 🏛Проблема 2: Создание и использование больших библиотек. У многих команд есть огромные библиотеки, в которых трудно ориентироваться и которыми трудно управлять. Здесь явно есть что улучшить! 🍝 Проблема 3: Сложные прототипы. Между собой, мы называем линии связей в прототипах “спагетти” — и иногда у тебя так много связей в прототипе, что в этой путанице становится очень сложно разобраться. Мы стремимся упростить процесс прототипирования множества взаимодействий! 😉 👩‍💻 Проблема 4: Администрирование команд и организаций. Люди приходят, уходят, меняют роли и проекты, и у некоторых целый день уходит на управление командами. Мы работаем над более предсказуемой моделью оплаты и улучшенным управлением доступом. 🎨 Проблема 5: Файлы, плагины и людей в Community сложно искать. 1200+ людей в Figma Community Beta ежедневно публикуют файлы и плагины. Как находить их работу и оставаться в курсе новинок? Эта проблема требует тщательной проработки. Мы не можем гарантировать когда и в каком виде решения будут доступны — лишь хотим быть максимально открытыми и показать, в каком направлении двигается всеми любимый инструмент! ❤️