Плагин Aspect ratio frames — инструмент, который помогает рассчитать соотношение сторон и создать фреймы с заданными значениями.

Особенности — Расчет соотношения сторон: плагин задает наиболее распространенные соотношения сторон, используемые в различных системах дизайна, и позволяет конвертировать ширину и высоту. — Создание рамки: позволяет создать рамку с заданным значением и назвать ее соответствующим значением. — Обратное значение: также можете изменить значение на противоположное. #соотношение_сторон #фрейм

Плaгин Shape Shifter — трансформирует фигуры с помощью параметров

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

Привет 👋 Меня зовут Злата, я — арт-директор в UPROCK по направлению дизайна сайтов.

Вот уже 4 года я в команде, и каждый день через меня проходит больше сотни студенческих работ, от первых, робких страниц до готовых кейсов ✨ Честно, это безумно вдохновляет. Я вижу, как у студентов растет насмотренность, как они находят крутые визуальные решения и выдают результат на уровне топ-студий — именно за это я люблю свою работу. Это развивает и меня, ведь с таким потоком свежих идей невозможно стоять на месте. Но моя работа — это не только контроль качества. У всех в UPROCK есть общая миссия — нести эстетичный, осмысленный дизайн в массы. Мы хотим, чтобы вы выходили на рынок как специалисты, способные работать на уровне топ-студий. Именно поэтому я запустила новую рубрику «Дизайн коммерческих проектов в прямом эфире» — чтобы бесплатно показывать, как создавать сильные коммерческие проекты, разбирать реальные кейсы и учить подходу, который работает в боевых условиях. Вчера я провела первую лекцию в рамках этой рубрики — о коммерческом дизайне сайтов в промышленной тематике. Спасибо всем, кто был онлайн и поддерживал! Было здорово пообщаться вживую. 👉 Если вы пропустили лекцию, то ее еще можно посмотреть в записи: Youtube / VK. Мы будем встречаться в таком формате регулярно, так что скоро я анонсирую следующую тему ✌️ ⚡️ Также предлагаю вам выполнить практическое задание, чтобы научиться делать эстетично на неэстетичную тему. ❗️Чтобы получить домашку, пишите слово "Завод" моим коллегам в @upr_help После выполнения домашнего задания присылайте ссылку на ваш фигма-файл, мы с командой кураторов обязательно разберем все работы и пришлем индивидуальный фидбек 😊 И по традиции подготовили для вас 5 полезных статей для изучения на выходных 👇 📖 Гамбургер-меню: последние исследования и лучшие практики Мы проанализируем результаты исследований (тогда и сейчас) и рассмотрим лучшие практики. 📖 Пустые состояния: краткое практическое руководство Мы разберем, что такое пустые состояния, какова их типичная структура, когда их использовать. 📖 UX-копирайтинг: как писать отличные тексты для интерфейсов Изучим особенности написания таких текстов и фреймворк. 📖 Полезные ресурсы для дизайнеров Подборка ресурсов, которые сделают вас сильнее как UX/UI-дизайнера. 📖 5 незаметных, но работающих приемов отличного UI Мы узнаем, 5 неочевидных приемов, которые помогут вам создавать продукты, способные удержать аудиторию. * Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифтыБесплатные мокапыСтатьи по UX/UI
Когда фреймворки начинают создавать рамки креативному мышлению?
Статья раскрывает, как фреймворки не только помогают структурировать мысли, но и влияют на способ мышления. Узнай, как они формируют наше восприятие и почему становятся не просто инструментом, а рамкой для нашего мышления Читать на дизайнерс | #статья
Изображение поста
Project Setup
Плагин Figma, который создает страницы и необходимые фреймы для ваших новых проектов. #figma #plugin
Изображение поста
FlowConnect — плагин для соединения фреймов линиями.
🔗 Figma Community ▫️ #tools
Изображение поста
🎨 Мультиредактирование
Figma представила более простой способ редактирования нескольких объектов. • Выбор совпадающих слоев. • Массовое редактирование текста во всех фреймах. • Выравнивание множества объектов по их рамкам. • Внесение изменений во все варианты. figma.com/release-notes
Vidico x Element451 - Campaign Animation
Есть чем вдохновится 🤗 А если разбирать на фреймы то в некоторых местах заметны манипуляции с перекладкой рук, которые скрываются за счёт динамики персонажа и того что они почти вне зоны видимости, например как на 0:30, можно взять приём на заметку) #вдохновение #персонажка Vidico The Unicorn
Модульная сетка. Часть 2.
В Figma также можно настраивать сетку. Вы узнаете как её включить, убрать и настраивать для создания дизайна. 1. Чтобы включить или отключить сетку в Figma, нажмите на комбинацию горячих клавиш «Ctrl + Shift + 4». 2. Чтобы сделать сетку в приложении, выберите фрейм и в правой панели напротив надписи «Layout grid» нажмите на иконку плюса. 3. Для настройки сетки нажимаем в правой панели на саму иконку сетки. В появившемся окне вы сможете изменять размеры, цвет и прозрачность сетки. Также делать сетку в виде горизонтальных или вертикальных колонок. Колоночную сетку можно задать, выбрав вместо значения «Grid» (сетка), надпись «Columns» (колонки или столбцы). Если хотите, чтобы колонки были вертикальными, то следует задать значение «Rows» (строки)
Teton
Автоматически собирает 3 простых мокапа из выбранных фреймов: нужно просто указать до пяти экранов и макет. После генерации можно подправить детали. Удобно, если нужно быстро показать дизайн и не возиться с поиском идеального мокапа. #мокапы Людочка, плагины – отборные плагины в Фигме
Custom Frame Presets — плагин с собственными размерами для фреймов.
Изображение поста
Сохраняйте файлы с обложками
При большом количестве проектов бывает трудно найти нужный файл в Figma. Создание обложки – это простое и действенное решение, которое позволит сделать проекты узнаваемыми и упростит их поиск. Все, что нужно для создания обложки: 1. Создайте страницу в документе и назовите ее «Обложка» (как вариант, но не обязательно) 2. Нарисуйте фрейм для изображения обложки (лучший размер для этого – 1920 x 960). 3. Наполните обложку такими элементами дизайна, как логотип или другими символическими изображениями, которые помогут вам и вашей команде узнать проект. 4. Щелкните на фрейм правой кнопкой мыши и выберите «Set as thumbnail» (Установить, как миниатюру). #Figma
Изображение поста
🎓 150 горячих клавиш для ускоренной работы в Figma
⠀ ⚡️ Figma-учебник — бот в Telegram, чтобы работать в Figma в 2 раза быстрее. Не нужно ничего запоминать — просто открывай бот. Все хоткеи по категориям: — работа со слоями, группами и фреймами; — выравнивание и распределение; — векторное редактирование и многое другое. ⠀ Удобно, быстро, всегда под рукой. Добавь бота, чтобы не искать каждый раз в Google и ИИ. ⠀ 👉 Figma-учебник
Изображение поста
🎓 150 горячих клавиш для ускоренной работы в Figma
⠀ ⚡️ Figma-учебник — бот в Telegram, чтобы работать в Figma в 2 раза быстрее. Не нужно ничего запоминать — просто открывай бот. Все хоткеи по категориям: — работа со слоями, группами и фреймами; — выравнивание и распределение; — векторное редактирование и многое другое. ⠀ Удобно, быстро, всегда под рукой. Добавь бота, чтобы не искать каждый раз в Google и ИИ. ⠀ 👉 Figma-учебник
Изображение поста
4-денний курс: Практика АБ тестування на реальних прикладах
🎯 UX ≠ інтуїція. UX = гіпотеза + експеримент 📉 Хаос у гіпотезах, A/B тести “аби були”, сумнівні метрики? Пора це змінити. 🔬 Курс “Product Hypotheses & A/B Testing” — 4 дні практичного підходу до UX-гіпотез і експериментів, який одразу можна застосувати в роботі. ✔️ Тільки реальні кейси ✔️ Неідеальні тести ✔️ Неоднозначні результати ✔️ Робочі фреймворки За 4 дні ми: — структуруємо підхід до гіпотез — навчимось відсіювати “погані” ідеї ще до запуску — розберемо логіку A/B тестів — попрактикуємо аналіз неідеальних експериментів 📅 Онлайн: 6–9 жовтня, 17:00–20:00 👩‍🏫 Авторка: Оксана Носенко, Head of Analytics Jooble, менторка, лекторка, 10+ років в аналітиці. Її курси вже пройшли 900+ студентів і десятки компаній. 🔍 Готові перетворити UX у перевірені рішення?
Изображение поста
🎓 150 горячих клавиш для ускоренной работы в Figma
⠀ ⚡️ Figma-учебник — бот в Telegram, чтобы работать в Figma в 2 раза быстрее. Не нужно ничего запоминать — просто открывай бот. Все хоткеи по категориям: — работа со слоями, группами и фреймами; — выравнивание и распределение; — векторное редактирование и многое другое. ⠀ Удобно, быстро, всегда под рукой. Добавь бота, чтобы не искать каждый раз в Google и ИИ. ⠀ 👉 Figma-учебник
Изображение поста
AutoHTML — плагин конвертирует фреймы Figma в HTML и CSS
Изображение поста
🎓 150 горячих клавиш для ускоренной работы в Figma
⠀ ⚡️ Figma-учебник — бот в Telegram, чтобы работать в Figma в 2 раза быстрее. Не нужно ничего запоминать — просто открывай бот. Все хоткеи по категориям: — работа со слоями, группами и фреймами; — выравнивание и распределение; — векторное редактирование и многое другое. ⠀ Удобно, быстро, всегда под рукой. Добавь бота, чтобы не искать каждый раз в Google и ИИ. ⠀ 👉 Figma-учебник Реклама. ИП Ракитина Софья Дмитриевна ИНН 771586859878 erid: 2VtzqwcPhbW
Изображение поста
Плагин Figma Pokemon — позволяет вставлять изображения покемонов из PokeAPI в Figma для использования в дизайне. Просто найдите нужного покемона и примените его как заливку для фигур или фреймов.