Figma

В чём сила? А вот в чём — в горячих клавишах! 😉 Вставляй и заменяй компоненты не отрывая рук от клавиатуры. Нажми Shift + i, чтобы открыть новое меню компонентов. Сразу можно начать писать название нужного компонента в поиске. Дальше всё просто как в игре: - Стрелочками на клавиатуре выбери нужный компонент. 🎮 - Нажми Enter (или кликни), чтобы вставить инстанс компонента в центр экрана или выделенного фрейма. - Нажми Alt + Enter (или Alt + клик), чтобы заменить выделенные на рабочем пространстве инстансы на выбранный в меню компонент. #новое#обучениеhttps://help.figma.com/hc/en-us/articles/360039150173-Create-and-insert-component-instances#quick-insert

Перемещать компоненты между файлами — разберёмся как это работает! Для начала тебе понадобится исходный компонент в одном файле и желание переместить его в другой файл, не затрагивая инстансы и не теряя связи с ними. 1. Вырежи этот компонент из исходного файла (Ctrl/Cmd + X) и вставь в нужный файл (Ctrl/Cmd + V). 2. Опубликуй компонент в библиотеку. В окне публикации убедись, что у компонента выбран пункт “Move to this file”. 3. В каждом файле, где используется этот компонент, нужно принять изменения из библиотеки. Вот и всё! ⚠️ Важно! Во-первых, перенос нельзя отменить. Чтобы переместить компонент обратно, нужно повторить действия в том же порядке. Во-вторых, обращай внимание на вложенные компоненты — они должны быть опубликованы в библиотеку или тоже перенесены. В-третьих, сейчас многие жалуются на сброс оверрайдов, так что осторожней с использованием этой функции в важных файлах. Возможно пока надёжнее пользоваться проверенными плагинами типа Master и DSO. Подробная статья | Видео | #новое#обучение

Представляем три обновления, которые круто изменят твою работу с компонентами и библиотеками! 😍#новое 1. Перемещай компоненты между файлами — теперь можно создать компонент в одном файле, а потом переместить в другой без потери связей. 2. Заменяй компоненты одной библиотеки на другую, переключайся между целыми библиотеками одним кликом. 3. Нажми Shift + i и используй клавиатуру для поиска, быстрой вставки или замены компонентов. Это просто сказка! Подробнее о каждом обновлении в следующих постах и на https://releases.figma.com/🔥 Перезагружай Figma и пробуй!

Тень теперь можно ставить на объекты независимо от прозрачности фона! #новое Выключи галочку “Show behind transparent areas” в настройках эффекта, и тень будет показываться только вокруг границ объекта. Это позволит создавать ещё более приближенные к коду макеты без танцев с бубном! И это не единственное обновление на сегодня, больше тут: https://releases.figma.com/

Больше не нужно лезть в панель слоёв, чтобы переименовать фрейм — просто кликни два раза на его имя на рабочем пространстве. #новое Это нововведение пришло вместе с Flows, их тоже можно переименовывать двойным кликом. Пользуясь случаем напоминаем сочетание клавиш для переименования слоёв: Cmd + R на macOS или Ctrl + R на Windows.

Создавай отдельные сценарии (flow по-русски) в прототипе на одной странице для сравнения, тестирования и презентации разных идей в Figma! #новое Больше не нужно думать куда поставить начало прототипа — их может быть несколько. Выбери фрейм и нажми “+” в разделе Flow starting point в правой панели. Новый “флоу” также будет автоматически создан при добавлении связи между двумя фреймами, которые ни с чем больше не связаны. Сценариям можно давать имена и добавлять к ним описания. У каждого сценария есть уникальная ссылка, которую можно скопировать при наведении на имя сценария на холсте или в режиме просмотре прототипа. Перезагрузи Figma и пробуй! Документация: https://help.figma.com/hc/en-us/articles/360039823894#Starting_point

Figma → Tilda? Тильда научилась импортировать макеты из Figma в Zero Block! Чтобы все элементы после импорта оказались на своих местах, необходимо соблюдать порядок в файле. Блоки сайта должны располагаться в отдельных фреймах, а ширина основного фрейма должна составлять 1200 пикселей. Подробная инструкция по импорту: https://blog.tilda.cc/import-from-figma-to-zero-block

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

В FigJam появился таймер: замеряй время и управляй рабочими сессиями! ⏰#новое Чтобы начать таймер, в правом верхнем углу нажми на иконку со звёздочками ✨ и выбери Timer. Затем введи время (можно использовать стрелочки на клавиатуре чтобы быстро выбрать нужное время; зажимай Shift и вверх-вниз, чтобы переключать по 5 минут или секунд) и включи таймер нажатием кнопки Start Timer или Enter. Таймер один для всех, любой редактор в файле может остановить или начать его. Закончится он также одновременно для всех пользователей. Полная информация об использовании таймера: https://help.figma.com/hc/en-us/articles/4402269549591 Перезагружай FigJam и пробуй новинку или залетай в общий файл: https://figma.fun/XVMNYE

Необходимо пригласить много учеников за раз в Education команду? Больше не нужно приглашать каждого по email, просто создай ссылку и поделись ей с группой! #новое Можно сразу выбрать уровень доступа ко всей команде: редактирование или только просмотр. Для большинства ситуаций рекомендуем оставить доступ на “can view”, а затем менять его в нужных проектах или файлах на “can edit”. Однако стоит соблюдать осторожность — любой человек с верифицированным Education/Student аккаунтом сможет зайти по этой ссылке в команду. На всякий случай есть возможность обновить ссылку или убрать её совсем в настройках (1).

Новый способ создавать файлы Figma: ˗ˏˋ figma.new ˎˊ (Также попробуй figjam.new) #новое

Figma готова к Apple Silicon — обновляйся на десктопное приложение оптимизированное под чипы M1 с новой архитектурой ARM. #новое  → https://www.figma.com/downloads/