Figma

Интересно, как построена дизайн система крупнейшей социальной сети в России и СНГ? Команда 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 даже после перезагрузки браузера или приложения, напиши в support@figma.com. Спасибо! ❤️

“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 ежедневно публикуют файлы и плагины. Как находить их работу и оставаться в курсе новинок? Эта проблема требует тщательной проработки.

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

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

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

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

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

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

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

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

Мы рады представить обновлённую интеграцию с 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/

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

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

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

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

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

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

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

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

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

Вместе со ссылками, представляем ещё одно улучшение, упрощающее навигацию в Figma: глобальный поиск! 🌐 Файлы, проекты, команды, люди — всё, что тебе нужно в процессе работы теперь можно найти в одном текстовом поле.

🔎 Больше о нововедениях в нашем блоге: https://www.figma.com/blog/new-ways-to-search-and-provide-context-in-figma/

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

Выдели любой текст, нажми Cmd/Ctrl + K или кнопку Create Link в верхней панели, и напиши ссылку в появившемся поле ввода. 📝 Эта ссылка будет работать как в файле, так и в прототипе и даже в PDF при экспорте. Для перехода по ссылке наведи на неё курсором и нажми Open Link.

👾 Сыграй в небольшую игру, чтобы детально изучить новую фичу — нажми Duplicate: https://www.figma.com/community/file/832634397112145954

Мы верим, что у тебя должна быть возможность получить любую информацию из Figma, чтобы работать во всех твоих любимых инструментах.

Поэтому мы безумно рады анонсировать интеграцию с Framer! 🔥 Импортируй свои работы из Figma в Framer Web (Beta) для быстрого создания ещё более сложных прототипов.

Подробнее читай в нашем блоге: https://www.figma.com/blog/building-on-our-open-platform-design-in-figma-prototype-with-framer/ и жди больше новых интеграций в этом году! 😉

🆕 Представляем новый качественный дизайн отображения различных размеров, расстояний и других измерений на рабочем пространстве! 💛 Теперь они более заметны и читаются на любом фоне (да-да, даже на красном и голубом), так как под текстом всегда есть подложка.

Заходи в Figma и любуйся на эту красоту уже сейчас! 🤗

🆕 Полюбившаяся всем функция Selection Colors стала ещё лучше! 🎨

1. Используй иконку цели, чтобы быстро выделить только объекты с конкретным цветом.
2. Долгожданная возможность создавать стиль с выбранным цветом или применять уже существующий!

Попробуй прямо сейчас в новом файле ➡️ http://figma.com/new

Проверка связи! 👋 Расскажи, доступна ли у тебя Figma сегодня?

Вчера у многих пользователей из России и соседних стран плохо открывалась Figma. Скорее всего это у интернет-провайдеров проблемы со связью с нашими серверами, поэтому команда мало что может сделать. 😔 Некоторые уже разобрались, а где-то доступ ещё нарушен — хорошо, что некоторым хоть VPN помогает.

⚠️ Сегодня с Figma проблемы — у многих она недоступна, либо загружается очень долго. Команда уже во всю (в три часа ночи) разбирается с проблемой, но пока неизвестно, чем именно она обусловлена.

Если у тебя не загружается Figma, то воспользуйся VPN. Из бесплатных, Betternet или это расширение для хрома должны помочь. Также можешь раздать WiFi с телефона на компьютер, если на нём всё загружается.

Статус решения проблемы можно смотреть на https://status.figma.com