Спасибо за то, что показали как вставить готовую анимацию в основной дизайн. Очень долго искала именно эту информацию, оказывается, нужно было через вкладку assets перетаскивать, а я уже вся измучилась😂 Благодарю за доступное объяснение ❤
@@Gresyr С таким же успехом можно сказать, что иллюстрации придумали и популяризировали древние люди, когда в пещерах на стенах изображали различных животных. Только какое это отношение имеет к дизайну? 🤔 Или вы хотите сказать, что Apple, на данный момент, не является своеобразным законодателем трендов в дизайне?
@@web-design.academy эпл конечно же может являться флагманом визуальных трендов для 30% населения по эту сторону Атлантики, но эпл также не в вакууме появился. Айвс, как хороший дизайнер, знает историю искусств. Полагаю он и про наскальную живопись в курсе. И к слову о древних людях, я использовал градиенты еще когда работал в газете. До появления айфонов. До вашего рождения. А Вам не хватает кругозора. Что не делает вас плохим дизайнером, конечно же.
Скажите, если такой макет разместить как фотографию в посте фейсбука, например, будут ли работать анимации? Или только для презентации для разработчиков годится?
Вы можете записать экран с анимацией и сохранить как видео, а после уже сделать пост с видео. Или экспортировать непосредственно фрейм с анимацией как gif или видео из фигмы, при помощи плагинов. Например, Export to GIF/Video
В основном это для презентации клиенту или передачи разработчику. Если сильно надо сохранить анимацию, единственное что можно сделать на данный момент это записать экран и получить формат видео, потом можно конвертировать в гиф например. Будем ждать когда фигма добавит кнопку по которой можно экспортировать анимацию без дополнительных «костылей» 🥲🫶
Дякую. Підкажи будь-ласка, як потім зберігаєш анімацію на комп, ламаю голову пару днів як, плагін Export to Gif щось повний неконект, одну анімацію зберегло, а от таку анімацію як в тебе зі стрічкою " now shop" і кнопкою чомусь зовсім не зберігає
я бы к автоанимайт отнесся бы плохо, мне пришлось бы самому восстанавливать и повторять анимацию в коде. лучше анимировать конкретные параметры тогда результат будет предсказуемее
Супер видео, не знал про варианты ))). Вопрос касательно кнопки. Я делаю кнопку и хочу сделать такой эффект, что при наведении на кнопку она немного увеличилась в размере, все получается кроме того что она увеличивается не от центра в стороны, а от левого края в право, очень не красиво. А хочется чтобы она пропорционально увеличивалась от центра во все 4 стороны. Я уже пробовал привязки делать и по центру и по левому краю, но ничего не изменилось. Может подскажет кто?
Присылай свой вопрос со ссылкой на фирму (и комментарием на этом элементе) на разбор. Как раз я объявила в инстаграме о стриме, там и разберем твою задачу ✊🤓
@@web-design.academy Спасибо. Я разобралась. Мой ноутбук оказался недостаточно мощным. Но я нашла выход. При копировании кода прототипа в проект Беханс анимация отлично работает) На заметочк. Мало ли)
Я тоже фанатка эпловской мышки) Недавно на работе сдохла моя старенькая яблочная крыска. На замену на день выделили лоджитековскую. Через полчаса я уже заказала новую яблокрыску с ооооочень срочной доставкой :D
Скорее всего собирать с нуля 🤷♀️ эти анимации хороши чтобы показать клиенту или разработчику или даже для портфолио, в остальном что касается конструкторов это уже отдельный процесс 🤓✌🏻
В Figma, к сожалению, пока нет экспорта анимаций. Но сохранить анимацию можно при помощи записи экрана или плагинов (LottieFiles, Export to GIF/Video) они могут вам помочь 🤗
Возможно компоненты находятся не в Component set, а просто 2 отдельных компонента. Попробуйте их объединить в Component set и связывать непосредственно варианты внутри этого Commponent set ✌️
Хмм, странно, посмотрите нейминг компонентов, чтобы они по разному назывались (строки и кнопка), так же проблема может быть во фреймах, если вы анимировали через фреймы, а не через компоненты. Или может у вас анимация бегущий строки просто закончилась, а назад вы её не подвязали, чтобы она заново проигрывалась
Может у вас уже стоит какая-то привязка, тогда After delay не появится. Или попробуйте сделать непосредственно привязку от одного варианата внутри component set к другому
@@web-design.academy я сделала анимацию на пост в инсте..но как мне ее вытащить из фигмы чтобы она так и работала..я скачиваю но эти две полосы на месте стоят((
![[Full] 4 ต่อ 4 Celebrity EP.920 | 3 พ.ย. 67 | one31](http://i.ytimg.com/vi/KwiW2M_kAg4/mqdefault.jpg)
случайно наткнулась на просторах ютуба, у вас такая классная подача, смотреть одно удовольствие, блин!!
Пасиба 💛 Оставайтесь с нами, у нас много интересного ✌
Спасибо за то, что показали как вставить готовую анимацию в основной дизайн. Очень долго искала именно эту информацию, оказывается, нужно было через вкладку assets перетаскивать, а я уже вся измучилась😂
Благодарю за доступное объяснение ❤
❤ВИЛЛЛЗҰБВВИЛЛЛЗҰБВИЛЛЛЗҰБДДДҺӨАШВАШХАҚШКІ😮😮😅😅😅😊😊
4:26 сразу к делу без вступительной речи
В меморіз однозначно! Дякую за ваш досвід, окремо дякую за фразу "ось така")))
Дякуююююю🤓
очень круто так держать, рада что ты теперь на ютубе 🙂
Спасибо большое 💛
Градиенты придумал Эпл? Это знание перевернуло мой мир. Спасибо тебе добрая дизайнер-ка. Не знаю как я раньше жил...
Apple не придумал градиенты, а сделал их трендом, именно это и имелось ввиду 🤓✌
@@web-design.academyчто тоже не правда. Вы просто очень молоды и, возможно, не знаете насколько это древний и массовый прием.
@@Gresyr С таким же успехом можно сказать, что иллюстрации придумали и популяризировали древние люди, когда в пещерах на стенах изображали различных животных. Только какое это отношение имеет к дизайну? 🤔
Или вы хотите сказать, что Apple, на данный момент, не является своеобразным законодателем трендов в дизайне?
@@web-design.academy эпл конечно же может являться флагманом визуальных трендов для 30% населения по эту сторону Атлантики, но эпл также не в вакууме появился. Айвс, как хороший дизайнер, знает историю искусств. Полагаю он и про наскальную живопись в курсе. И к слову о древних людях, я использовал градиенты еще когда работал в газете. До появления айфонов. До вашего рождения. А Вам не хватает кругозора. Что не делает вас плохим дизайнером, конечно же.
Лучший канал Эвер! Коротко, и ясно всё 💪
Спасиииибо 🥲💖
отличное видео, спасибо большое за такое четкое структурированное объяснение!)
спасибо за фидбек 🍓
Большое спасибо! Наконец то я смогла разобраться с компонентами😍😍😍
Это ещё не всё, обновленное видео по компонентам есть у нас на канале, обязательно посмотрите 😉
Мышка топчик, доп клавиши просто красота, но к основному скроллу долго привыкал)
Дааа, она кайфовая 😍
Прям как мама 🤗 спасибо большое 😘❤️🎉
Всегда пожалуйста)
@@web-design.academy можно задать вопрос? А как вы вставляете картинки типо как кофтачку и так далее??🥲
@@ВАМПИРОИС Просто как пнг, можно её перетянуть в рабочую область из папки и она вставится. Ну или через File-Place Image и т.д.
классный видос, информативно)
Спасибо 😉
о спасибо, великая женщина
Всегда пожалуйста 💛
По твоей рекомендации взяла такую мышь, она лучшая 🫶 А еще в сегодня лет я узнала, что можно делать превью прототипа под определенный девайс 🥲
Ееееййй, как я рада 🙂 она правда супер удобная 💖 поздравляю с открытием новых знаний 🤓😀
@@web-design.academyпрошмеуннугв😮вг7пщащ9ьсатш😮😮
Что за мышь, не нашла ссылку?
Низкий поклон за этот урок! Полдня сидела мучилась, после видео за 15 минут все сделала
Аааа спасибо большое ❤️ очень рада, что было полезно 🤓
Однозначно подписка :)
Ahhhhh. спасибоооо очень рада что было полезно 💖✌️🤓
Дякую за класні анімації. Від мене лайк і підписка.
Любов 💕🦖
ну а видео конечно топ было полезно такие фишки узнать
Рада что понравилось ❤️
круто я все попробовал и очень хорошо объясняете
Ееее, супер 🙂
Ураааа я научилась делать анимированную ленту! Спасибо вам большое, очень понятно объясняете! Чайник ставит лайк😂❤
Ееееее, супер! 🤓
Привет, спасибо большое за твой наиполезнейший урок)
очень ценно и очень понравилось, ты молодец!))
крутая пижама☺
Ееее спасибо ✨❤️🔥
топ, так быстро и все понятно. можно видео про твои инструменты? что это за чудо мышка???😃
ооо, обязательно, я должна поделиться с миром этим чудом, это кстати Logitech MX Msater3
Жеееесть 😮
😬
от души сестра!!!
Приходи ещё 🤓
Анюта, спасибо за очень полезное видео 🔥🔥🔥
Будет очень интересно узнать, какие твои любимые плагины в Figma, которыми пользуешься чаще всего 💛
ееее супер! я рада что было полезно 😇
Спасибо большое!!🤍
Спасибо за фидбек 🤓💛
Скажите, если такой макет разместить как фотографию в посте фейсбука, например, будут ли работать анимации? Или только для презентации для разработчиков годится?
Вы можете записать экран с анимацией и сохранить как видео, а после уже сделать пост с видео. Или экспортировать непосредственно фрейм с анимацией как gif или видео из фигмы, при помощи плагинов. Например, Export to GIF/Video
Так хорошо, что не могу уйти не оставив коммент) Спасибо!
А мне как хорошо! Спасибо большое, я очень это ценю 🌝💛
У меня тоже такая мышка. Выпустите плиз видео о ее возможностях!
Спасибо за поддержку идеи, обязательно снимем 🤓
В каком формате экспортировать картинку, чтобы анимация сохранилась? Или этот вариант анимации подходит только для анимации сайтов?
В основном это для презентации клиенту или передачи разработчику. Если сильно надо сохранить анимацию, единственное что можно сделать на данный момент это записать экран и получить формат видео, потом можно конвертировать в гиф например. Будем ждать когда фигма добавит кнопку по которой можно экспортировать анимацию без дополнительных «костылей» 🥲🫶
Прекрасное подробное объяснение, спасибо большое...Но почему аннимация ленты идёт в час по чайной ложке? Вроде бы правильно скорость поставила 10000
Возможно есть ошибка в настройках, стоит проверить 🤓
Да, расскажи пожалуйста про свои инструменты для работы! 8) я не знала, что можно анимировать внутри компонента 🎉 спасибо!
Ооо, кайф спасибо за комментарий обязательно запишу 🤓💛
😂,, les
😂
спасибо за видео ) вы классно говорите . только музыка на фоне немного отвлекает от дела ) а так все хорошо )
🫶 спасибо за фидбек
Хаха, взяла всё обо*рала, что за женщины
Спасибо огромное,видео очень полезное!!!
Пополнила копилку видео ещё одним крутым уроком по анимации 🤓заглядывай 🫶🏻📺
Хочу отметить классную картинку и образ, просто приятно и чисто... ура
Спасибо ☺️
Дякую. Підкажи будь-ласка, як потім зберігаєш анімацію на комп, ламаю голову пару днів як, плагін Export to Gif щось повний неконект, одну анімацію зберегло, а от таку анімацію як в тебе зі стрічкою " now shop" і кнопкою чомусь зовсім не зберігає
Странно, обычно этот плагин хорошо справляется и по сути сокращает процесс, по другому можно просто записать экран и конвертировать в гиф 🤪
во время ты на ютюб решила зайти:)
Ну лучше поздно чем никогда 🫠
Подскажите что за мышь?)😊
Это идеальная master mx 3 logitech
СПАСИБО!!!!!!!🎉
Всегда пожалуйста 💛🤓
спасибо большое😍😍😍
Всегда пожалуйста ✌️💛
умоляю, скажите в чём может быть ошибка. Всё делаю как у вас, но анимация не идёт
Может быть много причин, скорее всего в последовательности привязок 🤓
хахах ну с мышкой ты конечно даешь, особенно в конце прикол
Интрижка 😂
Запиши свои инструменты для работы ) и как ты детально используешь Logitech MX Master
Будет сделано 🫶
Спасибо за видео ❤
🤓💖🫶🏻
Дякую!
✌💛
Спасибо что показали как сделать аниме, а как его сохранить допустим для беханс???
Вы можете сохранить анимацию в GIF или видео используя плагины в Figma. Или записать экран и вставить видео в кейс на беханс 🤓✌️
Спасибо! Где обучались ?
Ой много где, думаю это достойно отдельного видео 🤓
я бы к автоанимайт отнесся бы плохо, мне пришлось бы самому восстанавливать и повторять анимацию в коде. лучше анимировать конкретные параметры тогда результат будет предсказуемее
Спасибо ты лучшая ♥️
И объясняешь хорошо
Спасииииибо 💖
Супер видео, не знал про варианты ))).
Вопрос касательно кнопки. Я делаю кнопку и хочу сделать такой эффект, что при наведении на кнопку она немного увеличилась в размере, все получается кроме того что она увеличивается не от центра в стороны, а от левого края в право, очень не красиво. А хочется чтобы она пропорционально увеличивалась от центра во все 4 стороны. Я уже пробовал привязки делать и по центру и по левому краю, но ничего не изменилось. Может подскажет кто?
Присылай свой вопрос со ссылкой на фирму (и комментарием на этом элементе) на разбор. Как раз я объявила в инстаграме о стриме, там и разберем твою задачу ✊🤓
@@web-design.academy Благодарю за ответ. Уже разобрался, теперь всё работает 👍
спасибо все понятно
Всегда пожалуйста, большое спсибо за фидбек ✌💛
спасибо!
🤓
Что за шрифт в видео? очень приятный
дякую
💕
logitech master mx 3 да бест!!!
Спойлер! Всю интрижку мне сломал 😂😂😂
У меня совсем не работает After Delay, пожалуйста, подскажи - что может быть неверно??
Сложно сказать, может быть множество причин от невыбранного фрейма до багов в фигме 🤓
@@web-design.academy Спасибо. Я разобралась. Мой ноутбук оказался недостаточно мощным. Но я нашла выход. При копировании кода прототипа в проект Беханс анимация отлично работает) На заметочк. Мало ли)
а я люблю мышь от эпл мне она такая удобная, почему тебе не понравилась???😱
Потому что мне она жутко неудобная 🥲 в выборе мыши тут все индивидуально, под мою кисть подходят высокие мышки
Я тоже фанатка эпловской мышки) Недавно на работе сдохла моя старенькая яблочная крыска. На замену на день выделили лоджитековскую. Через полчаса я уже заказала новую яблокрыску с ооооочень срочной доставкой :D
а как эту анимацию потом перенести, к примеру, в таплник/тильду?
Скорее всего собирать с нуля 🤷♀️ эти анимации хороши чтобы показать клиенту или разработчику или даже для портфолио, в остальном что касается конструкторов это уже отдельный процесс 🤓✌🏻
@@web-design.academy поняла, спасибо)
и скорее всего "собирать" имеется ввиду верстать через html код?
Не обязательно, обычно конструкторы имеют удобный интерфейс по настройке анимаций без кода 🤓
Градиент всю жизнь модный
Не соглашусь)
так быстро, всегда думала что возиться с анимацией в фигме это долго и не нужно
Дааа, вот многие так думают, но поверь это экономит много времени после 🤓
С инглишем легче, + тестирование всех кнопок
Вау
🤓
Как сделать чтобы градиент когда возвращается в обратное положение возвращался тоже плавно а не так резко?
Отрегулируйте время анимации, или добавьте ещё один этап идентичный первому и свяжите последний этап с первым со скоростью анимации 1ms
А как вы делаете, чтобы при просмотре результат показывался не на весь экран, а как у вас на мокапе монитора? 😲
Нужно просто в настройках прототипирования поставить вид отображения и выбрать девайс
@@web-design.academy спс, нашел ))) легко, когда знаешь, что искать )))
У меня в уроке с градиентом стрелка идет напрямую внизу, не становится как у вас полукругом, и анимация не работает 😢😢😢
Значит что то а настройках прототипа подключено не верно, стоит проверить ещё раз 🤓
меджик маус самая удобная мышь в мире)))) как ее можно поменять на это громоздкое нечто))
дело в том что в выборе мыши все индивидуально, лоджи мне удобна в руке чисто по эргономическим свойствам
мне фигма написала, что варианты в прототипе недоступны по бесплатному тарифу... или я не то делаю?
Смотря какие варианты вы имеете ввиду?)
А как сохранять анимашку?
В Figma, к сожалению, пока нет экспорта анимаций. Но сохранить анимацию можно при помощи записи экрана или плагинов (LottieFiles, Export to GIF/Video) они могут вам помочь 🤗
Ребят привет,что делать если кнопка ChangeTo не нажимается(горит тусклым святом, нажать нельзя)
Возможно компоненты находятся не в Component set, а просто 2 отдельных компонента. Попробуйте их объединить в Component set и связывать непосредственно варианты внутри этого Commponent set ✌️
after delay не нажимается(
подскажите пожалуйста что делать?
Сложно сказать без примера 🫣
@@web-design.academy все, я разобрался
у меня первая анимация заработала, но как кнопку добавляю, она останавливается (( те кнопка работает, строки не бегут. В чем мб дело?
Хмм, странно, посмотрите нейминг компонентов, чтобы они по разному назывались (строки и кнопка), так же проблема может быть во фреймах, если вы анимировали через фреймы, а не через компоненты. Или может у вас анимация бегущий строки просто закончилась, а назад вы её не подвязали, чтобы она заново проигрывалась
@@web-design.academy спасибо! все само заработало при перезагрузке фигмы ) видать глючило. И, огромное спасибо Вам за труд! Очень помогающие ролики! )
@@masai7600 Ахаха, знаменитый фикс, "А включать и выключать пробовали?" 😄 Вам спасибо за фидбек 💛
Я, конечно, понимаю, что клиенту надо давать больше, чем он просит, но с какой минуты начинается туториал?
Нашел, 5:05
Спасибо что напомнил, добавлю таймкоды🤓
16:40 К сожалению лайер блюр у меня так не работает. он оставляет сами фигуры резкими, а размывает фон вокруг них(
Скорее всего ты выбираешь не ту фигуру, или опцию background blur
здраствуйте а в заказы принимайте 😃👍
Привет, нет 🤓
Так много воды
Как?
ну я в шоке конечно с мышки эпл, почему ты ее не любишь??
Она не подходит мне по эргономическим параметрам 😬🦖
Я захлебнулся сколько воды 😂
Лови, выгребай) 🛟
Норм, только музыка немного бесит ))
logitech mx master 3/3s)
Ееееесссс 🤓
Много воды. Отматывала сразу на 5 минуту и затем в режиме прокрутки.
Соболезную 🙏🏻
HzJKmmmkldjdk@@web-design.academy
У меня не нажимается change to(
А на каком этапе?
Мне кажется, что уже все всё делают кроме меня, так что вряд ли я буду выше других)))
Аняяя, где новые видео?🙂
Новое видео уже на канале 🤪
09:00 на этом у меня всё....нажимаю...интеракции нет у меня.
Может у вас уже стоит какая-то привязка, тогда After delay не появится. Или попробуйте сделать непосредственно привязку от одного варианата внутри component set к другому
@@web-design.academy я сделала анимацию на пост в инсте..но как мне ее вытащить из фигмы чтобы она так и работала..я скачиваю но эти две полосы на месте стоят((
7🙏🙏
💛
Перемотал на 5 минут она до сих пор болтает 😢
А почему бы и не поговорить с хорошим человеком?
Не работает.
Совсем ничего не работает?
Rr
חחח 🤓
Вот как сделать такой текст как на основной картинке, где буквы немного повернуты
Если я правильно поняла, ты имеешь ввиду как на черной и желтой полоске?
Как же у вас фигма лагает ЗАТО МАК
000
Сколь ко же воды в начале видео....
Сколько?
@@web-design.academy больше 5 минут точно
Спасибо что уделили время и сосчитали 🤓✌️
обьясняй нормально пижама
А что не нормально?
😡😡😡😡🤬
?
Анимация в фигне?😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂😂Это наверное для тех у кого уши лапшу принимают 😂😂😂😂😂😂😂😂😂😂😂
Что? 🙃