Figma
17.1K subscribers
115 photos
13 videos
182 links
У Figma нет официальных сообществ и каналов на русском, поэтому своими силами рассказываю обо всех новостях подробно и без мусора ❤️

Вопросы задавай в Фигма-чат: @figmachat
Группа ВК: https://vk.com/figmadesign
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Новый бесплатный плагин Gradient Mesh — создавай красивые сложные градиенты не выходя из Figma! Созданные градиенты рендерятся в виде изображений с высоким разрешением. Можно сохранять пресеты понравившихся сетчатых градиентов, чтобы использовать их в следующих работах. #плагин

Устанавливай: https://www.figma.com/community/plugin/958202093377483021/Mesh-Gradient
Одна неделя до Config! Время регистрации продлили до понедельника, ещё есть время зарегистрироваться и рассказать друзьям! #config Что нужно знать о конференции:

• 21 и 22 апреля с 19:00 до 00:00 по Москве
• 60 спикеров, три темы: “Embracing the mess”, “In the file”, “Shifting team culture”
• Анонсы и релизы новых фич и истории их создания от команды
• Варенье из инжира? 😍

👉👉👉 Регистрируйся: https://config.figma.com/
До начала Config 2021 остался один час! Как принято, она начнётся с презентации новинок! Как думаешь, что будет анонсировано сегодня? Предлагаем обсудить это с друзьями и сверить результаты после презентации — мы опубликуем все анонсы! #config
Коротко обо всех анонсах и релизах на сегодняшней презентации Дилана! #новое

FigJam — новый инструмент для заметок, мозговых штурмов, пользовательских исследований и других активностей из начальных стадий дизайна, когда важна скорость и информация, а не точность и пиксели.

• Figma Mirror, прощай! Новое мощное приложение Figma для телефона: просматривай и тестируй прототипы, открывай и смотри файлы.

• Лимит количества людей которые могут одновременно открыть файл увеличен до 500 человек (100 из которых могут быть редакторами). Устраивай Figma-вечеринки и другие командные активности не боясь упереться в лимит!

• Для тарифа Figma Organization теперь доступна функция ветвления и слияния для улучшенного контроля версий. Создай ветку файла и работай в ней, потом сравни изменения и примени к основной версии.

• “Клабхаус не нужон” — теперь общаться голосом можно прямо в файле Figma не отвлекаясь на другие инструменты!

• Публикация в Figma Community теперь доступна для всех!

Позже расскажем о каждом нововведении подробнее. А теперь продолжаем смотреть Config, впереди ещё много крутых выступлений! #config
Бета тест нового мобильного приложения доступен первым 10 тысячам пользователей:

iOS: https://testflight.apple.com/join/CPAWjfzd
Android: https://play.google.com/apps/testing/com.figma.figma
FigJam — новый инструмент для совместной генерации идей и мозговых штурмов! 😎 Весь 2021 год FigJam работает в бета-режиме и полностью бесплатен для всех! #новое

Создай новый файл FigJam: https://www.figma.com/jam или дублируй себе готовые примеры: https://www.figma.com/community/figjam. Хочешь попробовать совместный режим? Залетай в этот общий файл: https://figma.fun/XVMNYE

Есть вопросы? Найди ответы в центре поддержки: https://help.figma.com/hc/en-us/categories/360002051633. Находишь баги? Напиши на форум: https://forum.figma.com/c/figjam/45 — там же можно предлагать новые фичи и голосовать за предложения.
Запись выступления основателя Figma Дилана Филда для всех, кто пропустил Config! Дилан не только анонсировал новинки и показал всё в живых демонстрациях, но и поговорил о том, как совместная работа в дизайне продолжает набирать популярность и помогает создавать что-то большое. “Ничто выдающееся не делается в одиночку” — подытожил он. #config

→ https://youtu.be/v4g-oZ6mFIc
This media is not supported in your browser
VIEW IN TELEGRAM
В десктопном приложении теперь можно одновременно открывать несколько прототипов для разных страниц с одного файла! 💕 Раньше приходилось закрывать вкладку с прототипом перед тем как открыть прототип на другой странице файла. Название страницы теперь показывается в названии вкладки с прототипом. #новое
Figma ARM Beta: владельцам компьютеров Apple на новых процессорах M1 с архитектурой ARM доступна новая версия десктопного приложения! #новое

Скачивай и тестируй: https://desktop.figma.com/mac-arm/beta/FigmaBeta.zip

Пока приложение в бета — возможны баги, сообщай о них на форум: https://forum.figma.com/t/new-desktop-arm-beta-for-apple-silicon-users/3810
Figma готова к Apple Silicon — обновляйся на десктопное приложение оптимизированное под чипы M1 с новой архитектурой ARM. #новое

→ https://www.figma.com/downloads/
Новый способ создавать файлы Figma:

˗ˏˋ figma.new ˎˊ

(Также попробуй figjam.new) #новое
Необходимо пригласить много учеников за раз в Education команду? Больше не нужно приглашать каждого по email, просто создай ссылку и поделись ей с группой! #новое

Можно сразу выбрать уровень доступа ко всей команде: редактирование или только просмотр. Для большинства ситуаций рекомендуем оставить доступ на “can view”, а затем менять его в нужных проектах или файлах на “can edit”.

Однако стоит соблюдать осторожность — любой человек с верифицированным Education/Student аккаунтом сможет зайти по этой ссылке в команду. На всякий случай есть возможность обновить ссылку или убрать её совсем в настройках (1).
This media is not supported in your browser
VIEW IN TELEGRAM
В FigJam появился таймер: замеряй время и управляй рабочими сессиями! #новое

Чтобы начать таймер, в правом верхнем углу нажми на иконку со звёздочками и выбери Timer. Затем введи время (можно использовать стрелочки на клавиатуре чтобы быстро выбрать нужное время; зажимай Shift и вверх-вниз, чтобы переключать по 5 минут или секунд) и включи таймер нажатием кнопки Start Timer или Enter.

Таймер один для всех, любой редактор в файле может остановить или начать его. Закончится он также одновременно для всех пользователей. Полная информация об использовании таймера: https://help.figma.com/hc/en-us/articles/4402269549591

Перезагружай FigJam и пробуй новинку или залетай в общий файл: https://figma.fun/XVMNYE
30 (!) новинок, исправлений и улучшений Figma для улучшения твоей ежедневной работы! Как раз к достижению 20к подписчиков в нашей группе ВК😁 Спасибо всем! #новое

Посмотри эту презентацию в Community и изучи их все → https://figma.fun/pDyRLf 🔥 А на следующей неделе расскажем о некоторых из них подробнее.
Figma → Tilda? Тильда научилась импортировать макеты из Figma в Zero Block! Чтобы все элементы после импорта оказались на своих местах, необходимо соблюдать порядок в файле. Блоки сайта должны располагаться в отдельных фреймах, а ширина основного фрейма должна составлять 1200 пикселей. Подробная инструкция по импорту: https://blog.tilda.cc/import-from-figma-to-zero-block
This media is not supported in your browser
VIEW IN TELEGRAM
Создавай отдельные сценарии (flow по-русски) в прототипе на одной странице для сравнения, тестирования и презентации разных идей в Figma! #новое

Больше не нужно думать куда поставить начало прототипа — их может быть несколько. Выбери фрейм и нажми “+” в разделе Flow starting point в правой панели. Новый “флоу” также будет автоматически создан при добавлении связи между двумя фреймами, которые ни с чем больше не связаны. Сценариям можно давать имена и добавлять к ним описания. У каждого сценария есть уникальная ссылка, которую можно скопировать при наведении на имя сценария на холсте или в режиме просмотре прототипа.

Перезагрузи Figma и пробуй! Документация: https://help.figma.com/hc/en-us/articles/360039823894#Starting_point
This media is not supported in your browser
VIEW IN TELEGRAM
Больше не нужно лезть в панель слоёв, чтобы переименовать фрейм — просто кликни два раза на его имя на рабочем пространстве. #новое Это нововведение пришло вместе с Flows, их тоже можно переименовывать двойным кликом. Пользуясь случаем напоминаем сочетание клавиш для переименования слоёв: Cmd + R на macOS или Ctrl + R на Windows.
This media is not supported in your browser
VIEW IN TELEGRAM
Тень теперь можно ставить на объекты независимо от прозрачности фона! #новое Выключи галочку “Show behind transparent areas” в настройках эффекта, и тень будет показываться только вокруг границ объекта. Это позволит создавать ещё более приближенные к коду макеты без танцев с бубном!

И это не единственное обновление на сегодня, больше тут: https://releases.figma.com/
Представляем три обновления, которые круто изменят твою работу с компонентами и библиотеками! 😍 #новое

1. Перемещай компоненты между файлами — теперь можно создать компонент в одном файле, а потом переместить в другой без потери связей.
2. Заменяй компоненты одной библиотеки на другую, переключайся между целыми библиотеками одним кликом.
3. Нажми Shift + i и используй клавиатуру для поиска, быстрой вставки или замены компонентов. Это просто сказка!

Подробнее о каждом обновлении в следующих постах и на https://releases.figma.com/ 🔥 Перезагружай Figma и пробуй!
This media is not supported in your browser
VIEW IN TELEGRAM
Перемещать компоненты между файлами — разберёмся как это работает! Для начала тебе понадобится исходный компонент в одном файле и желание переместить его в другой файл, не затрагивая инстансы и не теряя связи с ними.

1. Вырежи этот компонент из исходного файла (Ctrl/Cmd + X) и вставь в нужный файл (Ctrl/Cmd + V).
2. Опубликуй компонент в библиотеку. В окне публикации убедись, что у компонента выбран пункт “Move to this file”.
3. В каждом файле, где используется этот компонент, нужно принять изменения из библиотеки. Вот и всё!

⚠️ Важно! Во-первых, перенос нельзя отменить. Чтобы переместить компонент обратно, нужно повторить действия в том же порядке. Во-вторых, обращай внимание на вложенные компоненты — они должны быть опубликованы в библиотеку или тоже перенесены. В-третьих, сейчас многие жалуются на сброс оверрайдов, так что осторожней с использованием этой функции в важных файлах. Возможно пока надёжнее пользоваться проверенными плагинами типа Master и DSO.

Подробная статья | Видео#новое #обучение
This media is not supported in your browser
VIEW IN TELEGRAM
В чём сила? А вот в чём — в горячих клавишах! 😉 Вставляй и заменяй компоненты не отрывая рук от клавиатуры. Нажми Shift + i, чтобы открыть новое меню компонентов. Сразу можно начать писать название нужного компонента в поиске. Дальше всё просто как в игре:

- Стрелочками на клавиатуре выбери нужный компонент. 🎮
- Нажми Enter (или кликни), чтобы вставить инстанс компонента в центр экрана или выделенного фрейма.
- Нажми Alt + Enter (или Alt + клик), чтобы заменить выделенные на рабочем пространстве инстансы на выбранный в меню компонент.

#новое #обучение https://help.figma.com/hc/en-us/articles/360039150173-Create-and-insert-component-instances#quick-insert