Эффект Liquid Glassв Figma — как в новом обновлении от Apple 🪄
В комментариях — инструкция, как собрать эффект вручную
А для тех, кто на платформе Ready? Set. Create!, доступен шаблон этого эффекта в разделе Шаблоны Figma
— его можно дублировать в свой проект и сразу применить 🫰🏼
#figma@mariinavodesign
🔥Создаем дизайн мобильного приложения всего за 1 час!
В этом пошаговом воркшопе мы вместе разберём процесс создания интерфейса мобильного приложения — от референсов и структуры до стилистики, эффектов и деталей👇
😉YouTube
🥰RuTube
😄VK
Приятного просмотра 😉
#уроки#figma
✨ Друзья, напоминаем, что на нашем канале есть классный урок по веб дизайну для начинающих!
Figma с нуля за 90 минут!👇
😉YouTube
🥰RuTube
😄 VK
#уроки#figma
🔥Создаем дизайн мобильного приложения всего за 1 час!
В этом пошаговом воркшопе мы вместе разберём процесс создания интерфейса мобильного приложения — от референсов и структуры до стилистики, эффектов и деталей👇
😉YouTube
🥰RuTube
😄VK
Приятного просмотра 😉
#уроки#figma
✨ Друзья, напоминаем, что на нашем канале есть классный урок по веб дизайну для начинающих!
Figma с нуля за 90 минут!👇
😉YouTube
🥰RuTube
😄VK
#уроки#figma
🔥Создаем дизайн мобильного приложения всего за 1 час!
В этом пошаговом воркшопе мы вместе разберём процесс создания интерфейса мобильного приложения — от референсов и структуры до стилистики, эффектов и деталей👇
😉YouTube
🥰RuTube
😄VK
Приятного просмотра 😉
#уроки#figma
👨🎨 Плагин-помощник для дизайн-спек
Я не особо люблю плагины для Figma, но иногда попадаются действительно полезные вещи, например DesignDoc. Этот плагин сканирует выбранный компонент и выплёвывает на канвас его анатомию и подобие простой спеки
😏
Автогенерируемые спеки включают в себя: анатомию и внутренние отступы компонента; описание содержимого в свойствах и его разбивку на вариации. Также можно просто сгенерировать все отступы у компонента или добавить в проект готовый компонент для ручной работы над анатомией/спекой. Плагинчик конечно насрёт много ненужной инфы, но забрать нужное можно быстро.
Это действительно экономит время и силы, лайк, уже использую сам.
🔗DesignDoc [Spectral]
Бесплатный тариф жирный — никаких ограничений на автогенерацию отступов и 50 генераций спек.
Всё что свыше это $9 /месяц.
#figma#полезное
👨🎨💡
Вчера на дизайн-ревью выяснилось, что не все дизайнеры знают про лайфхак при работе с точками на кривых. Рассказываю.
Проблема:
В дизайн-системе или UI kit есть иконка, которую нужно заменить по каким-то причинам, но она уже используется во множестве мест (в кнопках, тултипах, экранах и тд). Если заменить вектор внутри 🖼, то слетят выставленные цвета и размеры в местах использования этой иконки. Тогда придётся руками бегать по местам использования и переназначать слетевшие параметры.
Решение:
1. Готовим исправленный вариант иконки и переходим в режим работы с точками, нажав ⌨️
2. Выделяем все точки и копируем их ⌨️+С
3. Выходим из режима работы с точками, нажав ⌨️ и переходим в него же, но для иконки, которую нужно заменить
4. Выделяем все точки и удаляем их, после вставляем точки из буфера обмена ⌨️+V
Таким образом мы заменили координаты точек внутри нашей существующей иконки и все выставленные параметры во всех местах использования 🖼, не сбросятся. Профит.
#figma#полезное
👋👨🎨
Плагины для Figma — сахар. Его должно быть мало, лучше вообще без него. Все статьи типа «Плагины которые точно вам пригодятся», «Топ-10 плагинов для Figma» и другие, могут идти нахуй. Если дизайнер облеплен плагинами — у него проблемы.
Но! Есть действительно полезные вещи помогающие в работе (например Watch Mirror), про такое не зашкварно писать, что я и буду делать
😏
И так, сегодня продуктовым дизайнерам можно удалять Photoshop, ибо есть два потрясающих заменителя:
1️⃣Photopea
Серьёзная онлайн-копия Photoshop, которая с недавних пор присутствует в figma plugins. Этот плагин открывает большое окно для полноценного редактирования и обработки растровых объектов.
2️⃣Image Editor
Простой и аккуратный плагин для обработки растра с возможностью добавить лайтовые фильтры/эффекты. Есть функционал сохранения/загрузить пресет.
Не в первый раз эти плагиныпомогают моей работе и ускоряют работы, пусть и вам помогают.
#figma#полезное
⌚Watch Mirror
Для всех кто делает приложения для iWatch или всегда хотел начать, есть удобный способ в реалтайме просматривать проект на своих часах (прости Android, для вас такого пока нет).
🔗Figma plugin · WatchOS app · Сайт проекта
#figma#полезное
О́да фигме
Удивительно, сколько всего можно сделать в одном инструменте. Например, для многих Figma заменила Photoshop, Illustrator, Miro и другой софт. Недавно завершил свою очередную авантюру, для которой собрал друзей и знакомых в кинотеатре, где мы смотрели эксклюзивный фильм «Свадьба Иришки Чики-Пики». Но речь не об этом
😃
Весь «промоушен» я сделал в Figma: двухсторонний постер для печати, интро-заставку для фильма, шапку для регистрации на сеанс и аватарку для чата. В этот раз даже не перекидывал макет в иллюстратор, чтоб православно пересохранить. Просто отдал в типографию экспорты *pdf из проекта и был приятно удивлён, что ничего не нужно было переделывать (конечно же заранее добавив +5 мм под обрез и конвертировал px в мм). Работа с графикой также удобно решается стандартными инструментами, но для стилизации использовал плагин Photopea. Как-то писал про полезные плагины для работы с растром и вектором.
Хотел я кстати для этих дел использовать AI/GPT/Cursor, но руками один хуй быстрей и пиздаче выходит.
#мысли#figma