Маргарите только дай повод про эффективное прототипирование поговорить 👹
https://youtu.be/YNfnINCaNfI?si=DRW-RgeK67nWx2ob
https://youtu.be/YNfnINCaNfI?si=DRW-RgeK67nWx2ob
YouTube
Выпуск №7. Маргарита Романова х Домклик: Эффективный прототип в Figma
Митапы Домклик с приглашенными спикерам.
Спикер: Маргарита Романова (Лид продукт дизайнер в Яндекс Дзен)
Тема: Как сделать эффективный прототип в Figma
😎 Коллективный канал дизайнеров Домклик. Обмениваемся опытом, мыслями, крутыми подборками, идеями, и…
Спикер: Маргарита Романова (Лид продукт дизайнер в Яндекс Дзен)
Тема: Как сделать эффективный прототип в Figma
😎 Коллективный канал дизайнеров Домклик. Обмениваемся опытом, мыслями, крутыми подборками, идеями, и…
❤23⚡2
Все уже написали про Figma Sites. Что он будет мочь помимо обычного наполнения функционалом для создания лендосов:
- сайт можно будет запромтить на основе дизайна, который вкинешь в чат с AI
- можно промтить игры
- будут доступны фичи связанные с доступом к утройству: интерактив с камерой (точно), скорее всего микрофон и звук тоже
- пресеты зацикленных интересных анимаций кажется на Spline
- промтинг напрямую на элементы на канвасе
- фетчинг инфы в базах данных в реальном времени, говорят что можно будет делать даже чаты
- WebGL фичи
В бете Figma Sites будут бесплатны, а потом станет отдельно оплачиваемым продуктом)
- сайт можно будет запромтить на основе дизайна, который вкинешь в чат с AI
- можно промтить игры
- будут доступны фичи связанные с доступом к утройству: интерактив с камерой (точно), скорее всего микрофон и звук тоже
- пресеты зацикленных интересных анимаций кажется на Spline
- промтинг напрямую на элементы на канвасе
- фетчинг инфы в базах данных в реальном времени, говорят что можно будет делать даже чаты
- WebGL фичи
В бете Figma Sites будут бесплатны, а потом станет отдельно оплачиваемым продуктом)
🔥10❤2
Figma Draw!! Доступен будет сегодня
🤯Текст по контуру
🥳Встроенные настриваемые текстуры
🫦ПРОГРЕССИВ БЛЮР
💀Детальная настройка кистей для контуров
♥️ Булевые операции мышкой как в люстре
🫰Вариативная ширина контуров
😭Anchor points для шейпов
Заодно и иллюстратор решили убить
🤯Текст по контуру
🥳Встроенные настриваемые текстуры
🫦ПРОГРЕССИВ БЛЮР
💀Детальная настройка кистей для контуров
♥️ Булевые операции мышкой как в люстре
🫰Вариативная ширина контуров
😭Anchor points для шейпов
Заодно и иллюстратор решили убить
💅13❤2
Media is too big
VIEW IN TELEGRAM
«Смотрите на восток, а не на запад»
Выкладываю обещанную запись с моего выступления на дизайн-выходных в Казани. Была классная публика, поддерживающие друзья и коллеги 🙏 надо будет повторить
Выкладываю обещанную запись с моего выступления на дизайн-выходных в Казани. Была классная публика, поддерживающие друзья и коллеги 🙏 надо будет повторить
4❤32👍4🦄4⚡1
Media is too big
VIEW IN TELEGRAM
01 #design30club
Кое-кто не вылезает из киберпанка 2077 последние недели 2…
Вообще задание про возможность через AI визуализировать свои эмоции, но у меня скорее получился ретрофутуристичный интерфейс для записывания криповых снов. Купила даже миджорни себе, чтобы погенерить пиксельных визуализаций. Для таких задач, конечно, огнище огнещенское.
Кое-кто не вылезает из киберпанка 2077 последние недели 2…
Вообще задание про возможность через AI визуализировать свои эмоции, но у меня скорее получился ретрофутуристичный интерфейс для записывания криповых снов. Купила даже миджорни себе, чтобы погенерить пиксельных визуализаций. Для таких задач, конечно, огнище огнещенское.
🔥11❤4
This media is not supported in your browser
VIEW IN TELEGRAM
03 #design30club
AI ассистент по подбору луков.
Дополнительно челленджу себя по анимациям и непривычному UI. Пока челленджа как будто бы больше в том, чтобы научиться писать нормальные промты…
Присоединиться к челленджу
AI ассистент по подбору луков.
Дополнительно челленджу себя по анимациям и непривычному UI. Пока челленджа как будто бы больше в том, чтобы научиться писать нормальные промты…
Присоединиться к челленджу
1❤16
Media is too big
VIEW IN TELEGRAM
Последнюю неделю разбираюсь с Rive, относительно новой и относительно модной тулзой для интерфейсных анимаций и не только. Испытываю реально какие-то давно забытые чувства от удовольствия работы с программой, в которой мне буквально дали всё то, чего мне не хватало в Figma, Protopie и After Effects.
Что меня покорило:
1. Слоение анимаций. То есть вы можете в одном слое сказать, что квадратик двигается, а в другом что крутится. Итоговая анимация будет по формату Smart Animate крутить двигающийся квадратик. Очень удобно и очень атомарно, то что надо для интерфейсных дизов.
2. Создание и динамичное изменение стейтов элементов. Один стейт на ховер, другой стейт на клик, и ничего не пересекается. Ключи не мешают друг другу и вы лишь управляете тем по какому событию элемент перейдёт в другой стейт. И не нужно по отдельности продумать как будет выглядеть переход 1->2, 2->1, 3->1, 1->3 и тд. Переход будет анимирован сам по правилам вашей стейт машины.
3. Использование переменных для управления анимациями. Можно и задавать константы, а можно чтобы в райв эти данные передавались из кода того места, куда вы файл встроете. Огромные возможности для гибких анимаций. И опять же, не нужно продумать как для всех переменных будут выглядеть переходы. Вы задаёте правила, а анимация по ним живёт.
4. Взаимодействие с элементом настраиваете именно вы в файле Rive. То есть какой-то интересный ховер эффект или кардинальное изменение блока по клику, теперь дизайнер может сделать полностью самостоятельно и не контролировать создание анимации разработчиком. Вижу здесь много возможных подводных с разметкой аналитиками или поддержания консистентности в продукте. Но как фича прикольно.
5. Банально, но файл легче лотти.
Я еще планирую написать довольно подробный материал о возможностях и потенциале применения. Но пока материал в работе, очень рекомендую их видеоуроки на ютубе (на английском). Идеально для тех, кто уже имеет какой-то опыт в программах для анимаций, без долгих и занудных рассказов зачем вам нужны ключи.
Что меня покорило:
1. Слоение анимаций. То есть вы можете в одном слое сказать, что квадратик двигается, а в другом что крутится. Итоговая анимация будет по формату Smart Animate крутить двигающийся квадратик. Очень удобно и очень атомарно, то что надо для интерфейсных дизов.
2. Создание и динамичное изменение стейтов элементов. Один стейт на ховер, другой стейт на клик, и ничего не пересекается. Ключи не мешают друг другу и вы лишь управляете тем по какому событию элемент перейдёт в другой стейт. И не нужно по отдельности продумать как будет выглядеть переход 1->2, 2->1, 3->1, 1->3 и тд. Переход будет анимирован сам по правилам вашей стейт машины.
3. Использование переменных для управления анимациями. Можно и задавать константы, а можно чтобы в райв эти данные передавались из кода того места, куда вы файл встроете. Огромные возможности для гибких анимаций. И опять же, не нужно продумать как для всех переменных будут выглядеть переходы. Вы задаёте правила, а анимация по ним живёт.
4. Взаимодействие с элементом настраиваете именно вы в файле Rive. То есть какой-то интересный ховер эффект или кардинальное изменение блока по клику, теперь дизайнер может сделать полностью самостоятельно и не контролировать создание анимации разработчиком. Вижу здесь много возможных подводных с разметкой аналитиками или поддержания консистентности в продукте. Но как фича прикольно.
5. Банально, но файл легче лотти.
Я еще планирую написать довольно подробный материал о возможностях и потенциале применения. Но пока материал в работе, очень рекомендую их видеоуроки на ютубе (на английском). Идеально для тех, кто уже имеет какой-то опыт в программах для анимаций, без долгих и занудных рассказов зачем вам нужны ключи.
5🔥19❤7