🧐 Привет друзья!

Если вдруг вам приходится работать с версткой печатной продукции в Figma (хотя лично я этого не рекомендую), но кто знает, вам может пригодиться плагин Print for Figma.

Этот продвинутый инструмент предназначен для подготовки файлов к печати. Он позволяет устанавливать цветовое пространство CMYK, контролировать плотность пикселей и добавлять вылеты, метки для обрезки и многое другое.

Брать тутъ: https://www.figma.com/community/plugin/874441781480244375

А где, кстати, верстаешь ты?

🧐 Удаляем фон как профессионалы.

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

Попробуйте сами: Pinokio делает эту задачу легкой и быстрой, не требуя подключения к интернету и не содержа никаких водяных знаков, рекламы или ограничений пробного периода.

Забирать для Win, Mac и Linux — тут.

Наша команда собрала для вас список самых классных и полезных плагинов для Figma⚡️

SBOL Typograph
Плагин для исправления и форматирования кириллического текста на основе правил типографики со встроенным Ёфикатором.

Themer
Themer позволяет вам создавать и переключать темы из *опубликованных* стилей в вашей командной библиотеке.
Themer создает темы из наборов стилей. Каждый набор стилей должен содержать стили с одинаковым именем. Когда вы сделаете выбор, плагин определит стили, имена которых совпадают с выбранной вами темой, и применит их все одновременно; позволяя вам быстро переключать темы.

Contrast
Функция контрастности позволяет проверять коэффициент контрастности цветов во время работы.

Component Cloner
С помощью клонера компонентов вы можете выбрать экземпляры компонента, которые хотите скопировать, и они будут назначены новой копии исходного главного компонента. Вы также можете просто сделать клон компонента. Теперь вы можете сохранять текст, изображения и другие варианты в своих экземплярах, не повторяясь.

Autoflow
Плагин позволяет автоматически рисоватье стрелки потока в Figma. Удобно использовать для иллюстрации пользовательских процессов, диаграмм или графиков.

Iconify
Можно импортировать векторные иконки Material Design, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji и многие другие (более 100 наборов, содержащих более 100 000 иконок).

Instans Finder
С помощью плагина можно найти все экземпляры компонента, используемые в вашем файле. Выберите один экземпляр или компонент, и плагин выполнит поиск по всем страницам и всем фреймам и создаст список всех используемых экземпляров.

Noise
Плагин поможет придать особой атмосферы вашему макету или визулу. Можно использовать, когда нужно добавить больше реализма в вашу работу или просто замаскировать полосы в градиентах.

3D Transformer
Позволяет вращать любой элемент в 3х плоскостях и настраивать перспективу. Можно использовать, чтобы вставить макет в готовый мокап в нужном ракурсе.

А какие плагины в работе используете вы? Делитесь в комментариях💬

Ребят, нашли классный сервис с 3D-шками для ваших проектов⚡️

На сайте https://need3d.ru/ есть 5 коллекций под различные задачи:

- абстрактные визуалы
- стекло и металл
- иконки
- блокчейн
- девайс

Все коллекции можно получить бесплатно, отметив автора и сайт в посте или сторис🙂

Каждому из нас время от времени нужна поддержка и взгляд со стороны профессионала. Хорошим решением будет карьерная консультация с одним из наших менторов😊

Обычно такая консультация длится час. За это время успеваем разобрать портфолио, составить карту развития и найти ответы на интересующие вопросы🔥

Стоимость консультации 990 рублей. В марте будет дороже😉

Чтобы забронировать место по текущей цене, оставляйте заявку на сайте или пишите в личные сообщения 😎 Максиму или 🥰 Ане.

Кстати, в следующем посте ловите небольшой подарок👇

Привет 🤝, это Максим! Я дизайн-директор в Intelsy и ментор в PixelMap. Последние 10 лет занимаюсь тем, что разрабатываю кайфовый дизайн для больших брендов и учу свою команду делать также.

С вами буду делиться приемами, которые помогут дизайнерам понять, как правильно выходить из профессионального выгорания, не потеряв при этом вкус к жизни. А ещё расскажу про красивые картинки, логичные интерфейсы и про то как всем этим управлять.🗡

Убеждён, что сильная команда строится на искренности, доверии и открытости. Люблю дизайн в любом его проявлении, очень кайфую от архитектуры.

На этой неделе на канале разыграываем 2 бесплатные консультации со мной ⏫ Условия участия в следующем посте🤝

😎 Розыгрыш 2-х карьерных консультаций🔥

Чаще всего ко мне на консультацию приходят с запросами:

1. Проанализировать резюме, чтобы попасть в сердечко эйчару;
2. Собрать портфолио, которое будет продавать;
3. Составить роадмэп по развитию скиллов, которые нужно подтянуть;
4. Понять, как развиваться в профессии и как настроить процессы на рабочем месте;
5. Разобрать тестовое и подготовиться к собеседованиям, чтобы всё получилось;

Что нужно сделать, чтобы участвовать:

1. Быть подписчиком канала Pixel Map
2. Нажать на кнопку «Хочу консультацию»
3. Ждать результатов

Двух победителей выберет бот автоматически. Результаты объявим 27 февраля, тут. 🤝

☺️ Реалистичная анимация, которую можно сделать прямо в Figma 🔘

Анимированные интерфейсы всегда выглядят более живо и эффектно. А еще они помогают понять клиенту или разработчику, как должен выглядеть готовый экран или раздел.

При создании анимации, мы используем настройку Smart Animate. Для того, чтобы получилось так же классно, как у нас, есть несколько важных нюансов:

1. Каждый элемент должен быть в собственном фрейме (а не группе или единым вектором!)

2. Слои (фреймы, шейпы и т.д.), которые мы анимируем, называются на всех фреймах одинаково.

3. Они должны иметь одинаковый уровень вложенности.

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

Для того, чтобы вам было проще разобраться с настройками и увидеть, как это выглядит в макете, мы готовы поделиться нашим Figma-файлом с готовыми связями⚡️

Набираем 50 огоньков под постом и выкладываем файл в канал🔥

#фигма #каксделать

🧐 Привет, котики! 🐱

Хочу поделиться недавно вышедшей статьей Александра Григоренко о проектировании драг-н-дроп интерфейсов. Там все как вы любите: много букв, картинки, гифки и куча полезной информации.

Уровень сложности средний, время на прочтение 22 минуты, важность высокая.

Быть умнее тут: https://habr.com/ru/articles/791294/

#статья

🎬 Что посмотреть на выходных?
В преддверии праздничных дней, мы собрали подборку фильмов и сериалов от нашей команды🔥

Фильмы отбирались специально дизайнерами для дизайнеров, но будут полезны и интересны любой аудитории.

Смотрим для развития насмотренности и расширения общего кругозора:

«Гельветика»
Это классика о визуальной культуре. В фильме раскрывают простую идею — начертания букв могут полностью изменить нашу жизнь.

Фильмы Уеса Андерсона (Один из них: Отель «Гранд Будапешт»)
В фильмах Уэса Андерсона можно часто увидеть яркие цветовые сочетания, которые создают неповторимую атмосферу и привлекают внимание зрителя. Он также использует необычные формы и линии, которые создают абстрактные композиции и уникальные пространства.

«Микеланджело. Бесконечность»
История об известнейшем мастере эпохи Высокого Возрождения и раннего барокко. В фильме можно обратить внимание на ракурсы, постановку кадра, света и просто погрузиться в историю и жизнь мирового гения.

«Во все тяжкие»
Это буквально пособие по ракурсам и композиции. Постановка света и нехитрые приемы съемки позволяют добиться максимально сбалансированной и сочной картинки без особого монтажа и склейки кадров.

«Основатель»
Круто передан процесс командной работы над продуктом: от создания прототипов до тестирования. Сразу становится понятно, почему дизайн — это не просто пиксели, но процесс. А ещё после просмотра уже не получится не замечать UX-решения на каждом шагу.

Делитесь своими находками классных фильмов и сериалов в комментариях, чтобы занять свои вечера полезным и приятным времяпрепровождением 💬