Плагин для фигмы Now inside!
Стандартная ситуация, когда объекты оказались вне фрейма, т.к. центр вне его, но нужно чтобы они все-таки были внутри.

Выбирайте фрейм, слои для вставки и запускайте плагин. Полезная штука. 👌

Установить плагин

Порядок страниц в фигме
Наткнулся на ход мыслей по организации страниц в фигме на хабре. Что-то подобное мы и сами пытаемся использовать, стоит прочесть коротенькую статью, чтобы в синергии со своим опытом построить для себя удобную логику. Напишите, используете ли вы что-то подобное и с какими нюансами столкнулись? Далее выдержка из статьи:
—
Основная проблема заключается в том, что система страниц, которую мы пытаемся выстроить обязательно ломается о реальность. Это лишь вопрос ближайшего времени. Мы часто попадаем в ситуации, когда думать об этом нет возможности или просто не хочется. В итоге раз за разом делаем исключения и каша заваривается снова.

Я не раз проходил этот цикл, до тех пор пока не нашел систему, которой мне комфортно пользоваться в любых ситуациях и в самых разных проектах. Она гибкая, наглядная и удобная с точки зрения ориентации в файле. И что самое важное — она очевидна для тех, кто заходит в файл впервые!
Система построена на разделении всех страниц на базовые типы. Каждый из типов имеет свой эмоджи для четкого визуального разделения:

1. Продакшен — итоговые макеты, готовые к разработке;
2. Черновик — макеты, которые находятся в процессе работы;
3. Презентация — прототипы для показа;
4. Архив — вспомогательная страницы для сбора ненужных в текущий момент макетов;

Для дополнительного отделения типов создаем пустую страницу и вставляем в название какие-нибудь символы на свое усмотрение. Я чаще всего использую: «• • •» или «/ / /».

Наименование черновиков
Хорошо при работе над проектами перемещаться от общего к частному. Начинаем с простых наименований, вроде: главная страница, страница товара, а затем, когда задачи становятся более узкими—разбиваем на части.

Я называю страницы, в соотвествии тому, как называются задачи в Jira. Если название сложное или длинное, то пишу кратко в двух словах и добавляю номер задачи, например: Фильтры #220.

Наименование итоговых макетов
Все зависит от общего процесса разработки. Есть проекты, где каждое обновление завязано на конкретной версии и есть проекты, где нет версий, а разработчики просто пилят задачу за задачей. В скрине сверху представлены оба этих варианта.

Когда все завязано на версиях, то просто создаем страницу продакшена с нужной версией в названии и собираем там итоговые макеты.

Если же разработчики пилят по задачам, то названия в страницах продакшена делаем такие же как и в черновиках. Так будет легче ориентироваться всем участникам.

Бонус
Чтобы упростить поиск страниц или макетов, установите плагин — Figma Walker. Это поисковая строка, которая находит любую сущность в файле, если ввести часть ее названия.

К плагину можно привязать горячие клавиши на macOS. Для этого:

1. Открываем настройки;
2. Выбираем раздел «Keyboard»;
3. Переходим на вкладку «Shortcuts»;
4. Выбираем в списке слева раздел «App Shortcuts»;
5. Нажимаем на плюсик и в появившемся окне заполняем поля, как в скрине (комбинацию клавиш выбирайте на свое усмотрение);

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

Полная статья на Хабре

Figma Gallery

Сайт, на котором собраны крутые иллюстрации, нарисованные инструментами Figmы.

Лично я не разделяю стремление что-то делать не совсем подходящими для этого инструментами, если только ставить во главу угла вызов создания, а не саму иллюстрацию, что странно. И, я бы сказал, может быть логично как коммерческий заказ самой Figma. Но думаю это просто любовь фанатов, к тому же это никак не умоляет тот факт что иллюстрации сделаны круто. А вдохновение это всегда хорошо :).

Сам я вот мечтаю что фигма даст когда-нибудь возможность не обращаться за растровыми фишками к фотошопу. Уж очень не удобно открывать монстра.

www.figma.gallery

Квантовый компьютер

Статья метит в лучшие представители доступного объяснения что такое и как работают квантовые компьютеры. Рекомендую! Все наглядно, все комплексно а не в общем. Но и статья не короткая, сохраняйте в избранное на выходные, чтобы раз и навсегда разобраться и не поверхностно а глубоко. :)

Вастрик блог

Группировка элементов и контраст белого

Короткий фрагмент доклада Игоря Штанга, где он на примерах рассказывает о группировке элементов в вёрстке:

https://www.youtube.com/watch?v=iANbrIV33eQ

Split to frames для Figma
Плагин для фигмы, который может разделить фрейм на несколько фреймов с заданным размером. Может пригодиться для хитрой печатной и артовой продукции или, например, для формирования профиля инстаграм, составляя изображения из постов.

Плагин в Community