Очень круто и доступно объясняете) спасибо вам за ваше творчество
@Chyrkov
Жыл бұрын
Благодарю!😉 рад, что нравится!
@romanbukarev6282
2 жыл бұрын
Сергей, спасибо. Все получилось. Применяю в работе.
@Chyrkov
2 жыл бұрын
Отлично!) рад, что помог!
@SevereaMr
2 жыл бұрын
Ш И К А Р Н О ! ! ! Все попробовал. Все работает)) Супер!
@Chyrkov
2 жыл бұрын
Огонь!!)) рад, что получилось!)
@КсенияТрушакова
9 ай бұрын
Спасибо огромное! Сижу на работе , сделала все задачи , решила прокачаться и поучиться новому ) сделала все сходу вместе с вами ) лид похвалил ! 😁
@Chyrkov
8 ай бұрын
Отлично!))) приятно, что проводите с пользой время на работе за просмотром моих видео!)
@sergioyurev
3 жыл бұрын
Спасибо, Сергей! Было очень полезно👍
@Chyrkov
3 жыл бұрын
пожалуйста!) рад, что понравилось!
@deni_kondrashkin
2 жыл бұрын
Спасибо за хороший контент) Правда если все делать в фрейме и заклиповать контент, то маска не нужна) А элементы за границы фрейма выносить с пробелом (чтоб они не вылетали из самого фрейма). Но в любом случае урок полезный✔
@Chyrkov
2 жыл бұрын
Спасибо за комментарии!)
@ПолинаРадуга
2 жыл бұрын
Спасибо! Рада что вас нашла, полезно и доходчиво доносите информацию
@Chyrkov
Жыл бұрын
Спасибо большое!!! Рад, что нравится!)
@nemoua7137
2 жыл бұрын
супер. очень спокойная, ясная подача.
@Chyrkov
2 жыл бұрын
Спасибо большое!)
@foot4ce241
4 ай бұрын
Спасибо большое) Понял, как анимировать карточку при наведении на неё!
@Chyrkov
4 ай бұрын
Рад, что все получилось!
@kristopop2116
2 жыл бұрын
Интересно, хоть и изучаю фронт-энд разработку. Молодец)))
@Chyrkov
2 жыл бұрын
отлично!) думаю многим было бы интересно если поделишься опытом как такое делать на фронте)
@nova-kuroki
8 ай бұрын
Спасибо за видео! Мне очень помогло.
@Chyrkov
7 ай бұрын
Я рад! Спасибо за отзыв!
@azamdesigner3414
7 ай бұрын
Круто спасибо
@Chyrkov
6 ай бұрын
Рад, что понравилось!
@zemlyak4672
Жыл бұрын
Спасибо за полезную информацию и хорошую подачу)
@Chyrkov
Жыл бұрын
Спасибо за отзыв!) с наступающим!)
@ИннаЖбанова-у3в
3 жыл бұрын
🔥 красотища какая)
@Chyrkov
3 жыл бұрын
Спасибо!) дальше больше!)
@kissgirl784
Жыл бұрын
Спасибо! все хорошо и понятно объяснили)
@Chyrkov
Жыл бұрын
Спасибо)) рад, что нравится!
@LindaBenks
2 жыл бұрын
Полезный урок, спасибо большое! В восторге от первой анимации. Сверила настройки, делала по видео, но вторая анимация не вышла так плавно, как у вас. Я правильно поняла, что во втором случаем, анимация без маски???
@Chyrkov
2 жыл бұрын
Спасибо за отзыв! Вы про бургер? Да, маска там не нужна. Плавность достигается за счёт кривыми custom микро анимации в настройках smart animate.
@ai-bloggers
2 жыл бұрын
Это даже больше, чем охеренно 👊🏻
@Chyrkov
2 жыл бұрын
✊ спасибо!
@МихаилКоломиец-б5ь
2 жыл бұрын
Спасибо! Очень круто!
@Chyrkov
2 жыл бұрын
Спасибо за комментарий!)
@Muhammaddiyor-x4h
8 күн бұрын
Крутаааааааааа, обожаю тебя)
@Chyrkov
7 күн бұрын
❤️
@itsquale
2 жыл бұрын
Спасибо за твой контент! Всё понятно и просто) Подписалась просто сходу 😁
@Chyrkov
2 жыл бұрын
Супер) спасибо!) рад, что понравилось)
@ViktoriaNikolaevaV
2 жыл бұрын
Блииин, спасибо,просто объяснил и все понятно,а то другие смотрела там все очень быстро,не понятно,нечего не объясняют,а постоянно говорят-Очень Быстро,Просто.Спасибо тебе за туториал ✨
@Chyrkov
2 жыл бұрын
Спасибо большое за приятный отзыв)) рад, что все получилось!)
@sunuvugun
2 жыл бұрын
Скорость видео сделай 0,75
@OzbegimMarketing
2 жыл бұрын
Как всегда круто!
@Chyrkov
2 жыл бұрын
Спасибо)
@ГалинаМилюкова-к2ж
4 ай бұрын
Спасибо, вы супер!!
@Chyrkov
4 ай бұрын
Спасибо ☺️
@assenova_
24 күн бұрын
Спасибо
@Chyrkov
23 күн бұрын
Пожалуйста!
@uladzimir990
6 ай бұрын
Супер
@Chyrkov
6 ай бұрын
Спасибо)
@АлександрЭрендженов-в2ь
Жыл бұрын
Спасибо большое! Знать бы ещё как вместе с этим бургером чтобы справа налево шторка выезжала
@Chyrkov
Жыл бұрын
Пожалуйста!) у меня на канале есть видео о том как это делать 😉
@АнтонЛиходеев-с1ъ
Жыл бұрын
классный видос, информативно)
@Chyrkov
Жыл бұрын
спасибо за отзыв)) удачи!)
@ЮлияГражданкина-я7э
Жыл бұрын
Спасибо!
@Chyrkov
Жыл бұрын
Пожалуйста!)
@alexstar8050
Жыл бұрын
Привет очень приятная и информативная подача информации это одназначно лайк и подписка )))Щас буду пробывать первый раз делать анимацию фигме 😃
@Chyrkov
Жыл бұрын
Уверен все получится!) спасибо за приятный отзыв!)
@АртурОсипов-е8у
2 жыл бұрын
Спасибо за хороший материал
@Chyrkov
2 жыл бұрын
Спасибо за отзыв!)
@svetlanashus
3 жыл бұрын
Спасибо, здорово!
@Chyrkov
3 жыл бұрын
Пожалуйста!)
@nadejdamalih7680
Жыл бұрын
Сергей а где ты взял корзинку ,поподробней я новичок чайник
@Chyrkov
Жыл бұрын
Готовые можно взять на стоках бесплатных и платных. Также есть плагины в фигме которые позволяют вставлять иконки готовые бесплатно. Например icons8
@bitrate4041
3 жыл бұрын
Бомба!
@Chyrkov
3 жыл бұрын
👌😉
@kamranmakh
Жыл бұрын
огромная благодарность автору, салам из узбекистана))
@Chyrkov
Жыл бұрын
Пожалуйста!)) рад, что было полезным!)
@robotos5198
2 жыл бұрын
Я тоже люблю делать анимашки в фигме. Пытался изучить афтер эффект - не понравилось, хотя всё получалось. Афтер подходит для каких-то крутых анимаций, которые пока мне не нужны. А ты как к афтеру относишься?
@Chyrkov
2 жыл бұрын
Афтер все же полноценный редактор для создания анимаций. Это очень мощный инструмент в котором можно создавать сложные заставки, мультики и тд. Анимация в фигме это все больше для демонстрации прототипа, но каких-то супер сложных вещей в ней не сделать. Плюс ты не можешь экспортировать анимации в видео файл например.
@user-tk6go6go2t
Жыл бұрын
@@Chyrkov как экспортировать?
@Chyrkov
Жыл бұрын
@@user-tk6go6go2t можно сделать запись экрана
@1975viktoria
Жыл бұрын
Добрый день, Сергей! Хороший канал, недавно нашла Вас. Очень нравится подача интересных фишек за короткое время. Спасибо большое! Для меня проблема с таблицами в фигме. Подскажите, как все таки просто делать таблицы и быстро!?
@Chyrkov
Жыл бұрын
Добрый день, Виктория! Благодарю за отзыв, рад, что нравится!:) таблицы легко делать с помощью auto layout. У меня есть видео про список контактов, там принцип тот же: kzitem.info/news/bejne/1Genypt5nZOmlWU
@1975viktoria
Жыл бұрын
@@Chyrkov Спасибо! Смотрю Ваши уроки с удовольствием!!!
@kansler_lss
Жыл бұрын
Я новенький в этом деле, и у меня есть вопрос. Зачем в первом варианте делать маску ? и почему её нет во втором случае с бургером.
@Chyrkov
Жыл бұрын
Привет!) с помощью маски мы можем скрывать какие-то элементы. В бургере нам скрывать нечего)
@kansler_lss
Жыл бұрын
@@Chyrkov Спасибо )
@glock852
2 жыл бұрын
Очень красивая анимация. Но остались вопросы (я новичок) - как эту кнопку использовать на макете? (т.е. вместо кнопки, там целая конструкция, как разместить уже в действующий прототип к примеру сайта или приложения?
@Chyrkov
2 жыл бұрын
Очень просто! Вы делаете ее интерактивным компонентом и вставляете в макет вашего сайта или приложения. Потом она будет видна в прототипе в макетах. Подобный пример у меня есть в видео, где показываю как сделать меню приложения.
про бургерное меню непонятно.....как его разместить в другие проекты? или как его создать чтоб он светился фиолетовым из пред видео....непонятно как его собрать в другом проекте не получается по этому уроку
@Chyrkov
Жыл бұрын
Элементарно. Вы создаете интерактивный компонент с вариантами, затем вставляете копию дефолтного варианта во все нужные макеты где нужен этот элемент
@АйзанаКомбу-п4ш
2 жыл бұрын
И как сохранить эту кнопку??....
@Chyrkov
2 жыл бұрын
куда сохранить?)))
@АннаБелоусова-с9н
3 жыл бұрын
Спасибо, интересно! 🙃
@Chyrkov
3 жыл бұрын
Спасибо😉
@user-c0000
Жыл бұрын
Как в Figme создать анимированные обложку маркетплейс?
@Chyrkov
Жыл бұрын
Вы можете сделать анимацию Figma, записать видео экрана с этой анимаций и потом выложить это видео как обложку товара.
@JamesBond-jf4ni
2 жыл бұрын
это анимация просто для демонстрации или ее как то можно использовать в верстке потом?
@Chyrkov
2 жыл бұрын
В данном случае это конечно демонстрация, но для клиента и разработчиков вам в любом случае нужно показать как она должна работать. В фигме это сделать проще чем в афтере.
@7615757
3 жыл бұрын
Привет от однокурсницы МО :) Спасибо за качественные уроки! Подскажи, пожалуйста, экспорт такой анимации в Figma в каком формате будет?
@Chyrkov
3 жыл бұрын
Привет привет!)) экспортировать из Figma можно в gif. Саму анимацию разрабы сами уже пилят)
@7615757
3 жыл бұрын
@@Chyrkov Спасибо!!
@user-tk6go6go2t
Жыл бұрын
@@Chyrkov что нужно перед этим сделать?
@Chyrkov
Жыл бұрын
@@user-tk6go6go2t собрать макет и сделать анимацию
@nadejdamalih7680
Жыл бұрын
Как нарисовать таеую корзинку,научи😮
@Chyrkov
Жыл бұрын
Нарисовать можно с помощью обычных геометрических фигур и булевых операций. В описании есть ссылка на мой курс по фигме, мы тоже проходим там эту тему)
@HealthyJoyAktobe
6 ай бұрын
Почему после маски иконка чек не скрывается?
@Chyrkov
6 ай бұрын
Возможно она в группе? Или проверьте стоит ли галочка на clip content
@im_power
2 жыл бұрын
Можно ли готовую анимацию, компонентом, как-то использовать в разных фреймах? Пробовал, что-то не выходит (
@Chyrkov
2 жыл бұрын
Да конечно! Вы делаете интерактивный компонент с двумя вариантами и вперёд)) у меня на канале есть видео как это делать.
@im_power
2 жыл бұрын
@@Chyrkov Дайте ссылку пожалуйста
@Chyrkov
2 жыл бұрын
@@im_power Интерактивные компоненты в Figma, варианты использования kzitem.info/news/bejne/rpxmrKhniaGIeIo
@user-bond007el
2 жыл бұрын
где скачать русскую версию или как англ версию перевести на рус?)) есть ли видео об этом? спасибо
@Chyrkov
2 жыл бұрын
Русский версии фигмы нет.
@UyriyMarkin
Жыл бұрын
само посебе оно получаеться....а как его внедрить в другой проект в само мобильное приложение?
@Chyrkov
Жыл бұрын
Точно так же собрать отдельно интерактивным компонентом в проекте или скопировать готовый исходник интерактивного компонента из одного проекта в другой.
@posya_shmel4941
3 ай бұрын
Возможно фигма за два года обновилась, но у меня ничего не вышло, хотя параметры вроде такие же как и тут, но никакого плавного перехода нет
@Chyrkov
3 ай бұрын
Проверьте что вы копировали фреймы с элементами а не делали их заново и делали изменения именно в копии. Проверьте режим в анимации, должен быть smart animate.
@sergshiii
2 жыл бұрын
Сергей, привет! Всё настроил по инструкции, но смарт анимация не отрабатывает. В чем может быть проблема?
@Chyrkov
2 жыл бұрын
привет! сложно так понять. Что именно не работает? Не запускается прототип или самой анимации нет?
@sergshiii
2 жыл бұрын
@@Chyrkov Прототип запускается и анимация работает, но кастомная анимация не срабатывает.
@Chyrkov
2 жыл бұрын
Точно сделали как в видео настройки? Пришлите ссылку сюда без .ком в домене
@Мария-ш3л5э
6 ай бұрын
У одной меня когда создаю маску элемент с галочкой не исчезает и не работает так? все проверила, вроде все делаю как на видео
@Мария-ш3л5э
6 ай бұрын
разгрупировала компонент с иконками и все заработало, спасибо за урок!
@Chyrkov
6 ай бұрын
Отлично! Рад, что получилось!
@dmitriymelnikov6574
Жыл бұрын
Вот честное слово не понял. Одну и ту же кнопочку можно сделать просто анимированной, а можно смарт-анимированной? Ок! Наверное ещё есть гипер-анимация, треш-анимация, и афигеть-анимация кнопочки? И все очень характерные (с обычной анимацией перепутает только дурачок). типа меня
@Chyrkov
Жыл бұрын
Все просто) есть стандартные переходы: моментальный (смена одно на другое) и растворение (объект меняется на другой как бы уходя в прозрачность). Смарт анимация позволяет сделать движение и красивые переходы из одного состояния/формы в другую. Плюс там еще настройки которые помогут вам сделать разноплановые переходы. Кстати все эти вещи мы разбираем у меня на курсе по Фигме (ссылка в описании).
@vladimirgololobov4939
2 жыл бұрын
Добрый день, а как можно экспортировать данную анимацию?
@Chyrkov
2 жыл бұрын
добрый день! вы можете экспортировать анимацию в гиф используя плагин, например Export GIF. Чтобы сделать такую анимацию в приложении или сайта понадобиться разработка.
@ОрловИлья-п6ъ
3 жыл бұрын
Сергей спасибо, очень классно! А на сколько это реализуемо в виде компонента? И на сколько проблематично это будет реализовывать разработчикам?
@Chyrkov
3 жыл бұрын
Привет! Спасибо! Да в идеале это и делать интерактивным компонентом, особенно меню! Но пока вижу по комментариям эта фича не у всех доступна, поэтому не показывал. Разрабам не проблема это сделать.
@1bglmnt178
2 жыл бұрын
а можно ли сделать мигающую кнопку ?
@Chyrkov
2 жыл бұрын
Да конечно! Это делается через интерактивный компонент: 1 вариант простой, второй с подсветкой. Затем настраиваем через прототип связь между ними через after delay, чтобы они менялись друг на друга через например 1 секунду.
@1bglmnt178
2 жыл бұрын
@@Chyrkov а это все в бесплатной версии Фигмы есть ?
@Chyrkov
2 жыл бұрын
@@1bglmnt178 конечно!)) в бесплатной версии есть все) ограничение касается только прав доступа и звонков.
@Hime-z2t
8 ай бұрын
Не понимаю почему у меня, когда я создаю маску, не пропадает галочка как у вас? 😢
@Chyrkov
7 ай бұрын
Проверьте что галочка точно находится внутри маски. Возможно справа в панели настроек там где размеры фрейма нужно нажать clip content.
@ЛарисаКобаль-ф2у
Жыл бұрын
Привіт Уроки цікаві і доступні підкажіть як можна експортувати прототипи
@Chyrkov
Жыл бұрын
Привіт привіт! на жаль, ніяк. можна зробити запис екрану якщо потрібно саме зберегти відео анімації.
@ЛарисаКобаль-ф2у
Жыл бұрын
@@Chyrkov як робити запис екрану можливо маєте урок у ютубі
@Chyrkov
Жыл бұрын
@@ЛарисаКобаль-ф2у яка у вас операційна система? на MacOS це робиться за допомогою натискання клавіш shift cmd 5. На вінді не знаю))) але в інтернеті пишуть windows alt G. Або через додатковий окремий додаток, наприклад OBS (безкоштовний).
@ЛарисаКобаль-ф2у
Жыл бұрын
Дякую
@Moshkadesign
Жыл бұрын
музыка чуть чуть громкая
@Chyrkov
Жыл бұрын
Спасибо, учту)
@ДмитрийХачатуров-й2г
2 жыл бұрын
Крутой эффект) лайк) жду видосов на канале))
@Chyrkov
2 жыл бұрын
Спасибо)) рад, что нравится!
@Dexter-hh4zu
3 ай бұрын
У меня не работает, версия бесплатная
@Chyrkov
3 ай бұрын
Дело не в версии. На бесплатном тарифе тоже должно работать. Проверьте связи. Проверьте режим анимации. Вы точно делали копию элементов а не создавали новые?
@thekosher7210
Жыл бұрын
Борух Ашем ☝ ✊ 👏 😁 👌 🙏 😁👏💟✡❤!) бээзрат Ашем ☝ ✊ 👏 😁 👌 🙏 😁👏💟✡❤!) дай Б-г!!) Всевышний благословения) тов вэ йотер!) ברוך השם!! בעזרת השם Борух Ашем ☝!) бээзрат Ашем 😁!) Благословлен Всевышний!) в помощи Всевышнего 👌 хорошо и лучше Спасибо!) תודה!)
@Chyrkov
Жыл бұрын
🙏
@natakarachevtseva9800
Жыл бұрын
Конечно спасибо Фигме, но, на мой взгляд, очень громоздко все реализовано с фреймами и иногда глючно срабатывает. С Афтером - никакого сравнения. Афтер - суперкрутая и профессиональная программа для моушндизайна. Совсем разный уровень. Но это сугубо мое мнение
@Chyrkov
Жыл бұрын
Вы правы) Афтер - профессиональная программа для моушндизайна. Фигма это программа для дизайна и прототипирования пользовательских интерфейсов. Разные задачи решают. Афтер громозкая программа которой нужно долгое время на обучение, в фигме все гораздо проще =)
Пікірлер: 158