Эффект свечения в Figma.
Небольшой туториал по созданию эффекта свечения. Эффект может применяться ко всему, что вы только хотите — иконки, текст, картинки и так далее.
Пример будет показан на 3D иконке.
1. Делаем копию иконки.
2. У нижнего слоя иконки добавляем эффект "Layer Blur" со значением 150%.
3. Создаём ещё одну копию под оригиналом и добавляем менее размытое свечение со значением 50%, также с добавлением эффекта "Layer Blur".
По итогу у вас должно получиться так:
Слой 1 — Оригинальная иконка
Слой 2 — Копия иконки с 50% Layer Blur
Слой 3 — Копия иконки с 150% Layer Blur
Не бойтесь экспериментировать со значениями и создавать красочные эффекты!
Jitter
Где-то с марта с переменным успехом балуюсь с интерфейсными анимациями в джиттере. Уже давно вынашивал план заменить слайдшоу полноценными анимациями у себя на сайте.
Времени всегда не хватает, поэтому вкатываться в АЕ и воевать с ним очень не хотелось. У джиттера figma-style интерфейс и офигенно удобный импорт из нее.
Да, если нужен супер-глубокий и детализированный крафт, то АЕ не заменит ничего. Джиттер проще, чище, фичей меньше, но базовые анимации делаются просто. Я ни одного урока не смотрел, все интуитивно понятно.
Еще у них есть поддержка liquid glass, но работает через жопу. Глитчит. Написал напрямую чувакам в чатик с контекстом и скриншотами, а в ответ получил «Ну ты попробуй настройки другие выставить». Камон, я что, свой тупняк от реального бага отображения отличить не могу что ли 🗿
Короче, рекомендую потестить, если нет потребности делать гига-сложные штуки
Продолжаем тестировать Claude Code: сделала концепт для анимационной студии MAPPA💻
→ CapCut + Figma MCP + Claude Code
В этот раз собирала дизайн и монтировала видео в Figma + CapCut, верстку полностью отдала Claude Code – просто попутно объясняя, что я хочу видеть. У меня это заняло 1-2 рабочих дня на все-превсе.
А потом говорят «да че там, пару кнопок нажал и готово»😑
В этот раз без инструкции для клодика, так как верстка слишком кастомная, только запутаю всех…
#полезное #клод #кейсы
Графический дизайнер в BULVAR Creative Agency
Привет! Если ты рукастый дизайнер, который и идеи рождает, и не боится замараться в сборке хайрезов — тебе к нам.
Ждём, что ты:
— Воплощаешь идеи и видение арт-директора в визуал, чувствуешь тренды и понимаешь, когда нужно модно, а когда — сдержанно.
— Не боишься незнакомых задач, умеешь работать самостоятельно и в команде.
— Умеешь брифовать и проверять макеты мидл-дизайнеров.
— Уверенно владеешь Adobe (Ps, Ai, Id), Figma и PowerPoint.
— Имеешь опыт от 3 лет на аналогичной позиции.
Из обязательного: портфолио (лучше пара сильных кейсов, чем много «для количества») и выполнение тестового задания.
Мы предлагаем:
Удалёнка, но полная занятость; официальное оформление, стабильная загрузка, работа с брендами, которые ценят качество. Зарплата — от 130 000 (зависит от уровня).
Принимаем ваши резюме и портфолио на почту mynewjob@bulvar.agency.
Сайт https://bulvar.agency/
В Figma есть возможность быстро изменять значения полей, таких как размер, отступы, углы и другие, с помощью шорткатов: удерживайте Shift и нажимайте стрелки вверх/вниз.
Ускорьте и улучшите свой рабочий процесс с помощью Figma AI.
В Figma появилась возможность группировать вкладки.
Неожиданно мой пост, написанный вчера в полусонном состоянии, набрал кучу откликов! И это понятно: мы все обожаем шрифты и Figma, а когда кто-то обещает разобраться за нас, что круто, — это вообще восторг!
В другой ветке, где я поделился постом поставили резонный вопрос, а что с кириллицей?
И тут, к нам на помощь, спешит Илья Рудерман вместе с Юрием Остроменцким и Михаилом Струковым, которые на протяжении нескольких лет собрали цикл статей по кириллице в Google Fonts — с разбором, рекомендациями и советами, какие шрифты использовать, а какие лучше обходить стороной.
Категории с ссылками:
— Гуманистические гротески. Мягкая пластика, удобны для чтения: читать
— Геометрические гротески. Строгие, на простых формах: читать
— Неогротески. Современная классика, сбалансированные: читать
— Статические антиквы. Сдержанные, для серьёзных проектов: читать
— Динамические антиквы. Живые, с контрастом: читать
— Переходные антиквы. Мост между классикой и современностью: читать
— Рукописные. Для акцентов и эмоций: читать
Сохраните подборку и поделитесь с командой.
Кстати, что чаще используете гротески или антикуву в работе? И какую, любопытно почитать.
@typefeed
Макеты в Figma Дизайн на проде
Бесплатный инструмент для сокращения ссылок Figma.
fig.page
Дизайнеры Figma би лайк.
Avatar Library — библиотека для создания качественных аватаров прямо внутри Figma или Sketch.
drawer.design/products/avatar-library
Плагин «Figma 3D Tilt» by Alex
Плагин для просмотра своих проектов в 3D пространстве
🗿 Глянуть плагин 🗿
#plugin
Когда ищешь нужный экран в плохо структурированных макетах Figma.
7 дней бесплатного обучения UX/UI-дизайну!
🔥 Организовали для тебя бесплатный онлайн-интенсив по UX/UI-дизайну с практикой, обратной связью и куратором.
За 7 дней ты:
1. Ты сверстаешь 5 макетов в Figma с нуля;
2. Изучишь основы UX/UI-дизайну;
3. Разберёшься с композицией, цветом и типографикой;
4. Научишься создавать адаптивный дизайн;
5. Получишь советы к твоей работе от экспертов;
6. Научишься использовать ИИ в дизайне;
7. Узнаешь 9 способов найти первый заказ даже без опыта.
В итоге ты создашь 5 качественных работ, которые не стыдно добавить в портфолио или продать, освоишь азы работы с Figma и получишь море бесценного опыта в UX/UI-дизайне.
👉 Ухватить бесплатно такой ценный материал
Наши ученики стабильно зарабатывают на веб-дизайне с 2019 года по всему миру.
Higgsfield выпустили плагин для Figma
Теперь можно генерировать изображения и видео прямо внутри Figma, не переключаясь между десятком вкладок.