Стеклянная плашка в Figma by yodizstudio
плашки с уведомлениями и посланиями
— лакончиные и вдохновляющие надписи🫰🏻
сохраняйте стикеры себе🖇️
#стикеры #элементы #элементы
📎стикеры будут ниже
больше стикеров тут
❤️—давайте 60 реакций
Как сделать плашку в Figma, которая сама подстраивается под текст?
Быстро и просто — смотрите видео 🧡
Если вы устали:
— вручную менять размеры после каждого редактирования,
— подгонять текст,
— тратить на это больше времени, чем на сам дизайн…
➡️Это тот способ, который сэкономит кучу времени и нервов.
Можно просто настроить плашку, чтобы она автоматически адаптировалась под текст.
Она сама подстраивается:
— по ширине и высоте,
— не ломается при переносах,
— подходит для кнопок, карточек и не только.
🧡 — о, круто, не знал(а), спасибо
🔥— да я уже давно так делаю, лайк
🟠 Делитесь этим постом с дизайнерами — пусть тоже экономят время.
Пишите в комментах:
Что в Figma бесит вас больше всего?
А если вы хотите, чтобы текст в ваших карточках и баннерах выглядел «дорого» — заполняйте анкету предзаписи: https://clck.ru/3McVne
Там у нас отдельный модуль, где мы разбираем подробно эту тему.
Music Players
Единая стилистика витрины: быть узнаваемым без унылого однообразия
Вы когда-нибудь обращали внимание как выглядят магазины «комфорт» и «премиум» класса? Стильно, концептуально, единообразно. Витрины, таблички, бирки, указатели, рекламные макеты - все выполнено в едином узнаваемом стиле. Потому что такая подача - это программирование покупателей. А вернее тренировка узнаваемости бренда. Чтобы покупатель считывал марку уже на уровне концепции.
И это не значит, что все должно быть одинаковым!
Концептуальность не равно однообразие.
Спойлер: эта история работает и на маркетплейсах
Пример — магазин моего клиента.
Посмотрите, как оформлены карточки:
Одни карточки — ярко-оранжевые, другие — мятные, третьи — голубые
Есть карточки с бутылками, с капсулами, с канистрами
Разный фон, разные акценты
Но несмотря на всё это разнообразие — вы моментально считываете: это один и тот же магазин. Одна и та же линейка. Один и тот же производитель.
В чём магия?
В том, что при формировании концепции дизайна мы закладываем опорные точки, которые не меняются:
Сетка + композиция: заголовок всегда сверху и слева, одной формы, на одном уровне. Упаковка товара — крупно, всегда пересекается вертикальным элементом фона.
Типографика: единые акценты, читаемый контрастный заголовок, один используемый шрифт
Визуальный язык: минимум графики, максимум «чистых» пятен, яркие цвета (релевантные упаковке товара)
Работа с фоном: фон однотонный, товар ставится на минималистичную поверхность, расположенную внизу слайда.
А вот цвет, фон, акценты — можно и нужно менять!
Так витрина остаётся живой и не становится набором «наштампованных» скучных и однообразных картинок.
Зачем это вообще нужно?
Узнаваемость бренда: мозг очень любит повторения, чем чаще человек видит узнаваемые элементы в разных карточках, тем быстрее бренд «оседает» у него в голове. И в следующий раз при поиске он выберет именно вашу карточку — потому что она «знакомая».
Влияние на продажи: грамотное визуальное оформление витрины может давать рост конверсии на 20–50%. Потому что покупателю проще принять решение — он видит качественную упаковку продукта уже на уровне карточек (а значит, за него можно платить чуть дороже).
Как добиться правильной концептуальности?
1️⃣ Думать о серии, а не о штучной карточке
Когда дизайнер делает карточку — важно сразу видеть, как она «зайдёт» в общую витрину
2️⃣ Протестировать на 5–7 карточках:
Посмотреть, как выглядит лента выдачи. Считывается ли общая стилистика? Не надо ли добавить какой-то якорь (например, фирменный элемент или цветовую плашку)?
3️⃣ Регулярно делать ревизию:
Витрины со временем «расползаются», потому что товары могут меняться или уходить из продажи. Важно каждые 2–3 месяца пересматривать стиль, чтобы он оставался цельным (спойлер: это отличный способ вернуть клиента в работу)
С помощью базовых принципов дизайна можно управлять поведением пользователя. Этому мы и будем учиться на курсе «Дизайнер под ключ».
При помощи нового эффекта в Figma рисуем стеклянную плашку для карточки товара.
👉 Смотреть в Instagram*
👉 Смотреть в ВК
*принадлежит компании Meta, признанной экстремистской организацией, деятельность которой запрещена на территории РФ.
P.S. Любимые, мы очень стараемся... Не забудьте поддержать лайком и комментарием — это важно!
🍏 выкатили большое обновление интерфейса за 10 лет. Главная фишка это "Liquid Glass" который преломляет и искажает изображение в реальном времени, адаптируясь к контенту и движениям пользователя для создания живого и яркого интерфейса.
Уже полгода в динамичном монтаже есть тренд на такую плашку. Но в данном случае преломление на краях плашки намного сильнее, поэтому этот вариант в реализации сложнее, потому и выглядит лучше⚡️
Ну что, сделаем урок на эту тему?) ❤️
Как оформить презентацию в одном цвете? 🤔
Словарик дизайнера (55) 📎
Монохром — это подход, при котором вся презентация оформляется в одном цвете и его оттенках.
👉 Почему это работает?
Это универсальный приём, который подходит для любой темы: от бизнеса до образования. Особенно, если хочется уйти от пестроты, но при этом сохранить характер. Монохром избавляет от цветового шума и добавляет гибкости презентации — даже в рамках одного цвета можно создавать контраст, используя светлые и темные оттенки.
💡 Как использовать?
Монохром — это не обязательно черно-белое сочетание цветов. Можно использовать различные оттенки одного цвета, например, светлый фон, ярко-оранжевый заголовок и чуть бледные плашки. Всё вместе это будет выглядеть стильно, собрано и аккуратно.
#словарикдизайнера
Разбор дизайна упаковки шоколада Cacao Amigos
1. Общая идея и цель проекта
- Тип продукта: упаковка шоколада.
- Цель: привлечь внимание к бренду с этической и экологической позицией, выделиться на полке, подчеркнуть натуральность, веганский состав и социальную ответственность.
- Аудитория: миллениалы и зумеры, которым важны ценности устойчивого потребления, честного производства и визуальная айдентика с характером.
2. Визуальный стиль и эстетика
- Общий стиль: ретро-монопринт, с акцентом на винтажную эстетику, напоминающую старые зины и коробки начала XX века.
- Цветовая палитра: монохромная (чёрный по текстурированному крафт-фону), что создаёт винтажное, “этичное” ощущение. Акцент — красная печать-сертификат.
- Типографика: гротеск с разной насыщенностью (толщина шрифта варьируется), декоративная надпись "CACAO AMIGOS" в верхнем регистре; надписи “WHITE CHOCOLATE” и “VEGAN” стилизованы под печатные или ручные.
- Иллюстрации: наивные, монохромные, нарочито простые (гепард, пальмы, ингредиенты, головы животных). Передают ручную эстетику и вызывают доверие.
- Графические элементы: рамка из шахматной сетки, плашки, штампы.
3. Композиция и структура
- Симметрия и центрирование: центральная панель полностью выстроена по вертикальной оси — создаёт ощущение порядка.
- Акценты: визуально выделяются название бренда, гепард и крупные элементы вроде “VEGAN” и “WHITE CHOCOLATE”. Иерархия читается хорошо.
- Поддержание ритма: за счёт повторов шрифтов, форм и рамки упаковка выглядит цельно и собранно.
4. Визуальная логика и читабельность
- Высокая читаемость: все надписи контрастные, крупные блоки хорошо отделены.
- Логика блоков: лицевая сторона — брендинг и суть, боковые панели — storytelling, ценности, состав.
- Нет визуального конфликта: все элементы “дышат”, нет перегрузки.
5. Сообщение и эмоция
- Тон: дружелюбный, честный, слегка хулиганский (например, “Hola Amigos” на клапане).
- Эмоция: доверие, осознанность, простота, дух путешествий и приключений.
- Ценности: локальный производитель, честный состав, забота о природе (10% на WWF).
6. Что можно взять для себя
✅ Комбинация ретро и современных ценностей — эстетика старая, а месседж — прогрессивный.
✅ Наивная графика как средство создания узнаваемости.
✅ Типографическая иерархия без перегрузки.
✅ История и бренд-рассказ прямо на упаковке — усиление лояльности.
✅ Детали на клапанах — “Hola Amigos” как дополнение к бренду.
Design Analysis Gurus
📱 Делаем текст с плашкой в иллюстраторе
миленькие подложки для текста
нарисовал немного стикеров в виде подложек, которые могут пригодиться в любой момент
📎эти плашки не содержат лишних деталей и прекрасно подойдут для того, чтобы разместить текст так, чтобы он отлично читался, а также добавят красок контенту
— ставим реакции и скачиваем стикеры в комментариях🤍💫
⭐️ Colorful Lower Thirds
Набор разноцветных плашек
ℹ Совместимость ⚠️⚠️⚠️
🏷 #Плашки
🟪 Версия для After Effects
🪙 КУПИТЬ | 📥 СКАЧАТЬ