Маргарите только дай повод про эффективное прототипирование поговорить 👹
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
Щас будет большой пост с мыслями по вайбкодингу, но сначала посмотрите это видео или почитайте мою заметочку по нему. Это просто золото.
——— Сама заметочка:
Сейчас набирает популярность такой термин как Home-cooked software. То есть софт сделанный своими силами для небольшой группы пользователей, под довольно узкие нужды. Можно сказать, что концепция существует довольно долго, но раньше она называлась «Situated software» (2004 год).
Home-cooked software — это про что-то простое, дешёвое, с простым контролем, приватное, под конкретные цели юзеров, без коммерческого интереса, безопасное и, конечно же, сделанное своими силами и с душой. Хоум кукд это антипод Professional software.
Professional software — софт с высоким коммерческим интересом, сложный, дорогой, требующий большой экспертизы, без контроля у пользователя, с рисками по безопасности.
В сегодняшней IT индустрии диджитал продукты делаются массово и в огромных количествах, но часто, непонятно для кого, ведь наши нужды особо и не знают. В основном продукты делают в США, откуда их транслируют по всему миру, не понимая даже культурного контекста, не говоря уже о более близком знакомстве с юзерами. Большие продукты никогда не сделают фичи под узкий запрос, ведь в масштабах большой компании даже 100к людей - маленькая кучка. У бигтеха никогда не возникнет коммерческого интереса развивать продукт под такие нужды, а соответсвенно и решать пользовательские потребности меньшинства.
Еще недавно, людьми который могли делать такие home-cooked apps были только те самые профессиональные разработчики, работающие в больших компаниях на больших зарплатах, потому что сделать даже самое простое приложение, полностью самостоятельно без сторонних инструментов, довольно сложно. И LLM сегодня как раз дают шанс людям, с идеями и потребностями, но без всех необходимых знаний.
Barefoot Developer (Босоногий разработчик) — это новый термин, предложенный автором доклада. Вдохновлён он историей про босоногих докторов в 1960х-1970х в Китае. Если кратко, то суть в том, что у государства не было времени и возможности качественно и массово обучить кучу докторов, которые смогли бы работать в китайских деревнях, поэтому было принято решение дать базовые знания по врачеванию обычным людям, которые смогли бы в этих деревнях работать. Это всё еще не были профессиональные доктора, но тем не менее ожидаемая продолжительность жизни в Китае выросла с 35 до 68 лет, а младенческая смертность снизилась с 200 до 34 на 1000 новорождённых.
Босоногие разработчики — это сегодняшние вайбкодеры или люди, которые обладают средней технической грамотностью, но которые не могут перешагнуть «барьер командной строки». Вчера они делали супер сложные вещи в разных профессиональных тулзах: типа огромные гугл таблички по планированию бюджета, сложные персонализированные ноушены и тд. За это, конечно же, приходится платить дохера денег, так как всё это дорогой бигтех софт. Но сегодня они уже могут создать эти инструменты самостоятельно с помощью LLM, конкретно под свои нужды, платя за это значительно меньше.
«English is the hottest new programming language»
——— Конец заметочки
——— Сама заметочка:
Сейчас набирает популярность такой термин как Home-cooked software. То есть софт сделанный своими силами для небольшой группы пользователей, под довольно узкие нужды. Можно сказать, что концепция существует довольно долго, но раньше она называлась «Situated software» (2004 год).
Home-cooked software — это про что-то простое, дешёвое, с простым контролем, приватное, под конкретные цели юзеров, без коммерческого интереса, безопасное и, конечно же, сделанное своими силами и с душой. Хоум кукд это антипод Professional software.
Professional software — софт с высоким коммерческим интересом, сложный, дорогой, требующий большой экспертизы, без контроля у пользователя, с рисками по безопасности.
В сегодняшней IT индустрии диджитал продукты делаются массово и в огромных количествах, но часто, непонятно для кого, ведь наши нужды особо и не знают. В основном продукты делают в США, откуда их транслируют по всему миру, не понимая даже культурного контекста, не говоря уже о более близком знакомстве с юзерами. Большие продукты никогда не сделают фичи под узкий запрос, ведь в масштабах большой компании даже 100к людей - маленькая кучка. У бигтеха никогда не возникнет коммерческого интереса развивать продукт под такие нужды, а соответсвенно и решать пользовательские потребности меньшинства.
Еще недавно, людьми который могли делать такие home-cooked apps были только те самые профессиональные разработчики, работающие в больших компаниях на больших зарплатах, потому что сделать даже самое простое приложение, полностью самостоятельно без сторонних инструментов, довольно сложно. И LLM сегодня как раз дают шанс людям, с идеями и потребностями, но без всех необходимых знаний.
Barefoot Developer (Босоногий разработчик) — это новый термин, предложенный автором доклада. Вдохновлён он историей про босоногих докторов в 1960х-1970х в Китае. Если кратко, то суть в том, что у государства не было времени и возможности качественно и массово обучить кучу докторов, которые смогли бы работать в китайских деревнях, поэтому было принято решение дать базовые знания по врачеванию обычным людям, которые смогли бы в этих деревнях работать. Это всё еще не были профессиональные доктора, но тем не менее ожидаемая продолжительность жизни в Китае выросла с 35 до 68 лет, а младенческая смертность снизилась с 200 до 34 на 1000 новорождённых.
Босоногие разработчики — это сегодняшние вайбкодеры или люди, которые обладают средней технической грамотностью, но которые не могут перешагнуть «барьер командной строки». Вчера они делали супер сложные вещи в разных профессиональных тулзах: типа огромные гугл таблички по планированию бюджета, сложные персонализированные ноушены и тд. За это, конечно же, приходится платить дохера денег, так как всё это дорогой бигтех софт. Но сегодня они уже могут создать эти инструменты самостоятельно с помощью LLM, конкретно под свои нужды, платя за это значительно меньше.
«English is the hottest new programming language»
——— Конец заметочки
6❤11✍2