Работа с системой размеров шрифтов

Еще один небольшой, но полезный урок по работе с системой шрифтов через плагины Фигмы. Ребята из нашего клуба постоянно делятся пользой друг с другом и с вами. Сегодня с нами поделился Дима — UX/UI дизайнер, который проектирует сайты, веб сервисы и мобильные приложения. Как играться в размеры, но выигрывать Смотрите и берите на вооружение. Давайте скажем Диме большое спасибо и накидаем огоньков. Приятного просмотра!

🔥 Записываю разбор одного из сайтов, которые вы прислали в комменты под постом

Буду разбирать этот сайт на ошибки: filtech.su Ниша: детейлинг-центр в г. Дзержинске 🤔 На первый взгляд сайт красивый: акценты на фотографии, крупная типографика, анимация и даже какой-то изъебистый шрифт подобран Но автор сайта сказал, что сайт заявки не приносит ⛔️ Я начал изучать сайт и увидел тааааак много ошибок в структуре, текста и кнопках Вчера сидел 4 часа разбирал этот сайт и изучал ЦА, конкурентов + накидывал свою версию сайта! Поэтому не успел записать разбор Сегодня дропну ролик 📱 Прям покажу ДО/ПОСЛЕ с ссылкой на фигму и обосную каждое свое решение 🔥 — Киньте огонек, если ждете!

ТЕЛЕГ-РАМА — воркшоп от Щёлочи в Санкт-Петербурге. 11/10

Куратор воркшопа: Рама Дорамов — графический и моушн дизайнер, автор эмодзи, которые вы все знаете и любите 🖤🪡👁️. Работал с Глюкозой, Славой Мерлоу, Содой Лавом и многими другими. Что будет происходить: Обсудим телеграм, как медиум современного визуального дизайна. Задизайним свой набор эмодзи и соберём лицо типичного участника Щ – коммьюнити. Что понадобится: Ноутбук, Фигма/Иллюстратор/ФШ, желательно — After Effects Вся дополнительная информация и отчёт с места события будут в канале Щ — Оффлайн 🌐 🌐 Суббота, 11 октября в 12:30 🚩 Лофт первая миля, Лиговский проспект, 50С 🔡 Воркшоп бесплатный, но для участия нужна регистрация #воркшоп 📎 Регистрация ⬅️

Артём Игнатьев,

UX/UI-дизайнер Привет! Меня зовут Артём, я UX/UI-дизайнер. Дизайню удобные, классные и адаптивные сайты, а ещё мобильные приложеньки уже полтора года. Мастерски владею фигмой, работая: с компонентами, вариантами, библиотеками и автолейаутами. Умею в композицию, типографику и акценты. И кстати, сделал лучшие работы на курсе Алексея Бычкова несколькими месяцами ранее. Сделаю для вас: — лендинг или одностраничник — интернет-магазин — дашборд — мобилку Дизайн адаптирую под планшеты и мобилки, подготовлю интерактивный прототип и предложу улучшения по каждому блоку, если есть свой прототип Открыт к приглашениям в команду и к фриланс проектам. → Портфолио Контакт для связи: @forelsketihenne #портфолио
Изображение поста
Ребят, тут есть те, кто работает с Фигмой?
Нашли для вас топовую подборку: Макеты для верстки — актуальный источник нетипичных макетов в Figma. Фундамент для любого портфолио. Figma — канал, где ребята делятся добром, за которое на курсах обычно дерут три шкуры.
Плагин "QR Code Generator" by Soliudeen Ogunsola
Плагин для создания QR кодов в SVG формате прямо в фигме 💻Скачать плагин💻 #plugin
Изображение поста
Как в Фигме сделать анимированный глитч
Анимация текста в Фигме
📱 Figma — один из рабочих инструментов дизайнеров: в ней делают прототипы, дизайн-макеты и презентации. Но новичкам разобраться во всех возможностях бывает непросто.
Собрали подборку материалов на Tilda Education, которые помогут быстрее освоиться и работать увереннее. Что такое Фигма: гид по Фигме для начинающих веб-дизайнеров простыми словами 👉 https://tilda.education/articles-figma 40+ плагинов Figma, полезных для веб-дизайнеров 👉 https://tilda.education/plugins-for-figma Гайд по автолейаутам в Фигме 👉 https://tilda.education/figma-autolayouts Импорт макета из Figma в Tilda: автоматический перенос в Zero Block 👉 https://tilda.education/video/tpost/r4epflu8c1-import-maketa-iz-figma-v-tilda-avtomatic
Изображение поста
🟠 Сервисы для Тильды, расширяющие ее возможности
Я собрала для вас в этой статье пять сервисов, которые добавляют Тильде новые возможности, так часто требуемые в ее стандартном функционале. Речь идет не о модификациях, а о полноценных веб-сервисах или расширениях, предназначенные для определенных задач. Отдельно хочу отметить новый сервис Arvess по импорту дизайна из Фигмы в zero-блок Тильды, который гораздо мощнее стандартного импорта. В чем его главные отличия: ⭐️ импорт фрейма любой ширины; ⭐️ импорт сразу нескольких фреймов для одного блока, под которые создаются брейкпоинты соответствующей ширины (т.е. вы переносите дизайн сразу со всеми адаптивами!); ⭐️ простые и не слишком требовательные настройки макета в Фигме; ⭐️ импорт иконок и картинок без дополнительных выгрузок в zero-блоке; ⭐️ импорт элементов со всеми эффектами наложения, тенями, обводками, прозрачностью и т.д. Сервис еще достаточно новый, но он быстро развивается. В случае обнаружения ошибок или возникновения пожеланий к сервису обязательно напишите об этом команде разработки. Все последние новости и обновления вы можете почитать на канале Arvess — подпишитесь, если вам интересно, и поддержите развитие этого полезного продукта 💜. #сервисы #статьи #тильда
Изображение поста
Из одной кстати нашей движухи с Родионом родилась классная штука, что мы помимо того, что откопали на Уделке классные старые журналы, винил и почтовые марки, так еще и отсканили их и закинули в фигма комьюнити для ваших экспериментов :)
Вот ссылочка, пробуйте, если что-то кайфовое родится присылайте сюда в комменты🤩
Модный мягкий градиент в Фигме
Давненько не было вестей
Отдохнул недельку от новостей, пора вливаться обратно. Намедни Фреймер выкатил биг-фичу со страницами, что по факту делает из конструктора полноценный редактор. Обещают, что всё будет бесплатно с безлимитом по числу проектов и страниц. Звучит интересно, потестить точно стоит. Глядишь со временем вырастет в полноценного конкурента Фигме. #вести @vestochka_design
МАСКОД 2 — открытый воркшоп от Щёлочи. 27/09
Кураторы воркшопа: Анастасия Шипилова и Игорь Малкин, основатели студии NODESIGN и авторы курса по айдентике «ОРА». Что будет происходить: Разберём примеры знаковых маскотов, узнаем секрет их успеха. Сами пройдём все этапы разработки маскота: от анализа и идей до работы в нейросетях и финальной прорисовки. На практике разработаем собственного персонажа. Что понадобится: Любая удобная программа для работы с графикой (фигма, иллюстратор, фотошоп), нейросеть для картинок (например, в Хромике) Кому подойдёт: Всем Ссылка на встречу в Zoom и запись встречи будет в канале 🌐 Щ — Оффлайн ➡️ 27 сентября, суббота в 12:00
Изображение поста
В Figma теперь можно прикреплять изображения к AI-промптам и использовать их как референсы:
как Бред Питт приехал в Россию и хлопнул светлого Работает не идеально, но поиграть всё равно можно: — Нейронка понимает промпты 1 раз из 5, а делает то, что надо, ещё реже — Оставляет артефакты (внимание на мизинец Питта в конце) — Ждём развития фигмы в этом направлении Функции «Edit Image» и «Make in image» доступны только на платных тарифах 😕
Топ-15 фигма файлов для работы
От иконок до анимаций: подборка фигма-файлов, которые облегчат жизнь дизайнеру. Узнай, какие инструменты помогут ускорить работу Читать на дизайнерс | #статья
Изображение поста
Топ-15 фигма файлов для работы
От иконок до анимаций: подборка фигма-файлов, которые облегчат жизнь дизайнеру. Узнай, какие инструменты помогут ускорить работу Читать на дизайнерс | #статья
Изображение поста
📱 Плагин «Figmoji»
📌 Теги: #figma / #emoji / #plugins / #design ➡️ Информация: Библиотека эмодзи, которую удобно использовать для быстрой вставки смайликов в Фигму. Эмодзи в плагине выполнены в одном стиле и разбиты на категории. ➡️ Скачать Нажми ❤ | Dsgn Lib
Изображение поста
🙈 Ты не дизайнер, если игнорируешь эти каналы:
Сейф-Дизайнера, где собрали около 3 тысяч материалов: 3D-элементов, текстур, иконок, фонов, иллюстраций. Всё в НD. Шрифтовик, куда слили тысячу шрифтов под любой дизайн. Теперь нужно меньше 5 минут, чтобы подобрать пару. design teacher — база туториалов, гайдов и кейсов. Учись у лучших, пока это бесплатно. Мокапы для дизайнера, чтобы презентовать проект на день раньше и срубить высокий чек. Здесь про Figma — научишься делать в фигме всё от а до я. Здесь про Photoshop — самый популярный редактор прямо в твоём телеграме! Гайды, макеты, шаблоны и многое другое ждут тебя здесь. Обычно эти каналы закрыты, но на 24 часа открыт доступ для каждого. Поспеши ⏰
Figsolve #3: Долгий путь к Button
Статья исследует сложность создания кнопки в программе Фигма. Погрузитесь в мир дизайна и изучите, насколько кропотлив процесс создания этого простого элемента интерфейса Читать на дизайнерс | #урок
Изображение поста