[NEW] 🔥 Прототипы в Фигме (часть 1)! Новый обзор с примерами и лайфхаками. Урок 16
ฝัง
- เผยแพร่เมื่อ 3 ส.ค. 2024
- #alexeybychkov #ityoutubersru #figma
Да, это новый обзор с примерами и лайфхаками на реальном примере! Это первая часть из серии роликов.
Скриншоты для насмотренности boosty.to/alexeybychkov/posts...
ТикТок - / alexeybychkov_
Дзен - zen.yandex.ru/alexeybychkov
Инстаграм - / alexeybychkov_
Телеграм - t.me/a1exeybychkov
Вконтакте - alexeybychkov
Обучение - alexeybychkov.study/
Мои цитаты -
Мои 404 - www.404.gallery/
Хелп по Фигме - figma.help/
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Содержание курса:
Урок 1 - [NEW]⚡Аккаунт, история версий • [NEW] 🔥 Обзор интерфей...
Урок 2 - [NEW]⚡Гамбургер меню, предпочтения • [NEW] 🔥 Обзор меню, по...
Урок 3 - [NEW]⚡Инструменты и калькулятор • [NEW] 🔥 Инструменты и ...
Урок 4 - [NEW]⚡Слои, маски и массовое переименование • [NEW] 🔥 Слои, маски и ...
Урок 5 - [NEW]⚡Сетки. Bootstrap. 8 px grid • [NEW] 🔥 Модульные сетк...
Урок 6 - [NEW]⚡Привязки • [NEW] 🔥 Привязки (cons...
Урок 7 - [NEW]⚡Компоненты • [NEW] 🔥 Компоненты в F...
Урок 8 - [NEW]⚡Компоненты и адаптив • [NEW] 🔥 Компоненты и а...
Урок 9 - [NEW]⚡Выравнивания, Tidy Up • [NEW] 🔥 Выравнивания (...
Урок 10 - [NEW]⚡Текст • [NEW] 🔥 Текст в Figma:...
Урок 11 - [NEW]⚡Цвет, градиенты, изображения • [NEW] 🔥 Цвет в Figma: ...
Урок 12 - [NEW]⚡Обводка • [NEW] 🔥 Обводка в Figm...
Урок 13 - [NEW]⚡Эффекты: блюры, тени • [NEW] 🔥 Эффекты в Figm...
Урок 14 - [NEW]⚡Библиотека команды • [NEW] 🔥 Библиотека сти...
Урок 15 - [NEW]⚡Варианты • [NEW] 🔥 Figma Variants...
Урок 16 - [NEW]⚡Прототипы в Фигме (часть 1) • [NEW] 🔥 Прототипы в Фи...
Урок 17 - [NEW]⚡Интерактивные компоненты (часть 2) • [NEW] 🔥 Интерактивные ...
Урок 18 - [NEW]⚡Панель кода Inspect • [NEW] 🔥 Панель кода In...
Урок 19 - [NEW]⚡Экспорт • [NEW] 🔥 Панель экспорт...
Урок 20 - [NEW]⚡Ссылка на проект - • [NEW] 🔥 Ссылка на прое...
Урок 21 - Комьюнити - … будет)
Урок 22 - [NEW] ⚡ Плагины - • [NEW] 🔥 Плагины и Видж...
Урок 23 - [NEW] ⚡ Auto Layout 4.0 в Фигме • [NEW] 🔥 новый Auto Lay...
Урок 24 - [NEW] ⚡ FigJam • [NEW] 🔥 FigJam - онлай...
0:00 - как запустить прототип
2:58 - мокапы для прототипа
3:48 - как создавать связи
9:59 - обзор панели с анимациями
14:10 - как экономить много времени!
15:56 - продолжение обзора анимаций
18:18 - как настраивать scroll страницы
21:30 - как настраивать оверлеи (попапы, меню и тд)
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: / alexeybychkov_
👉 Беханс: www.behance.net/alexeybychkov_
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: / dsgn.tips
👉 Твитор: / _alexeybychkov
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov.com/about/
17 лет опыта - alexeybychkov.com/experience/
Пишу - alexeybychkov.com/blog/
Дизайню - alexeybychkov.com/cases/
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
![[NEW] 🔥 Интерактивные компоненты в Figma (Прототипы часть 2)! примеры и лайфхаки. Урок 17](http://i.ytimg.com/vi/lrW8Nbu--3M/mqdefault.jpg)
![[NEW] 🔥 Интерактивные компоненты в Figma (Прототипы часть 2)! примеры и лайфхаки. Урок 17](/img/tr.png)
![[ไฮไลต์] "บิว" ภูริพล บุญสอน วิ่ง 100m ชาย รอบคัดเลือก | โอลิมปิก 2024](http://i.ytimg.com/vi/3kUSMfgtQ5s/mqdefault.jpg)
![เจ้าผู้เดียว - ดิด คิตตี้ [OFFICIAL MV]](http://i.ytimg.com/vi/q0NLCYKBOTo/mqdefault.jpg)
Аж душа радуется, когда смотришь настолько качественный контент, да ещё и разбавленный юмором. Алексей, все как всегда ТОП!
рад, что нравится! 😊
Лёха, ждём вторую часть 😁🔥 шикарный видос)) теперь надо с этими знаниями переспать и попробовать все сделать пальчиками 💪🏿 спасибо за твои ролики)))
отличный план))
Ааа, такая объёмная тема, хорошо, что ты разбил её на части - мозг успеет переварить информацию)) Здорово, что ты сразу показываешь, как решать реальные задачи, в том числе и не самые простые, в которых можно легко запутаться... Определённо жду следующие части серии!
Спасибо, что учишь нас, как не перегонять воду из лужи в тазик с помощью клизмы :D
супер, пожалуйста 😄
там у вас по-немногу выходит обновленный курс уже, а я все еще пересматриваю по второму кругу этот и у меня в голове не укладывается, что такой материал не рассказывают даже на платных курсах... а тут бесплатно, да и еще и с такой харизмой. браво !!!
рад, что нравится) да, новый курс слишком крут)) на платных курсах такого не расскажут
Продолжаем обновлять курс по фигме. И продолжаю говорить вам спасибо за вашу активность! Всех обнял
Ура!) ждём вторую часть)
и мы тебя обняли!)))
Обнимашки взаимны
Алексей, изучаю Figma по вашему курсу, это любовь 💜 Спасибо за юмор, подачу, настроение, скорость, качество информации, лайфхаки!
очень рад, что нравится!
Спасибо за горячие клавиши и разъяснение функций при настройке параметров для прототипа 🤘 Очень круто объясняешь
спасибо за просмотр)
Это настоящий юморной сериал с интересными уроками )
Ждём новых уроков с не меньшим юмором и полезными плюшками )
круто))
За юмор отдельная жмненька благодарностей)) Теперь надо немного времени переварить информацию, затем оттачивать на практике. Хорошо, что есть твои подробные инструкции.
пожалуйста))
Крутяяяк, как всегда очень полезно и информативно!!! Спасибо огромное, что делишься опытом в такой понятной и нескучной форме )
пожалуйста огромное)
Очень крутой ролик про анимации, и как я его упустил и не посмотрел еще когда он вышел. Спасибо!👍 Побегу смотреть вторую часть😃
Вставки с ляпами и не только в конце видео это прям отдельный вид искусства😎🔥
спасибо за просмотр)
Лёша, как всегда круто!!!)) спасибо тебе огромное за такие полезные видео, реально супер)) и круто, что всё делала через компоненты, это, кстати, тоже всё благодаря тебе))Пошла смотреть следующий ролик, очень интересно)
спасибо за просмотр)
Анимация - клево! Анимация с компонентами - волшебно!🔥😄
супер)
Спасибо за классное подробное видео)) Теперь наши дизайны будут еще круче с анимацией 🔥
Пожалуйста)
Лёша, спасибо огромное за такой интересный урок. Я в восторге. До этого я думала, что только верстальщики настраивают прототипирование.
спасибо за просмотр)
Из всех авторов, твоя подача больше всего понравилась. Быстро, без воды, демонстративно, объёмно. Лайк.
круто) Рад, что нравится!
Наконец-то я просмотрела все уроки по фигме на этом канале. И это самый офигенный, понятный, живой курс для новичков и не только. Только благодаря этим урокам я освоила Фигму и впридачу кучу дизайнерских лайфхаков! Алексей, спасибо за эту возможность!
очень рад, что понравилось!
я тоже хорошо прокачалась только благодаря урокам Лёши
Леша, прям кайфовый видос ✌Все очень понятно и самое главное получается!!!
супер)
Я почти под каждым твоим видео пишу комментарий о том какой тут полезный и крутой контент, благодарю тебя за твои ценные лайфаки и фишки, которыми ты делишься с нами, восхищаюсь твоей энергетикой и угораю с твоих шуток. 😁
Это видео не стало исключением!!!
Спасибо тебе, что ты стал нашим учителем и проводником в мир Figma и UX/UI дизайна ❤️❤️❤️
это клево) комментарии это хорошо))
@@alexeybychkov_ твой контент это заслуживает. Комент и лайк - это меньшее, что я могу сделать для процветания твоего канала))))
Благодарю за это видео. Всё стало понятно и по полочкам разложилось! И да, круто и весело Вас слушать и смотреть👏
пожалуйста!
твой канал просто сокровище. Спасибо за всё что ты делаешь))
Спасибо, приятно ☺️
Это за что мне такой подарок, случайно так найти такой крутецкий канал? И посмеялась (чувство юмора топ), и напрактиковалась, от души спасибо! Жду урок номер 🤘
ееее спасибо за подписку!
Леша, спасибо за ролик! Ждем продолжения😁
и тебе спасибо за жменю комментов! ☀️
Режим прототипа и анимашки это магия конечно, очень нравится все это настраивать )) С выпадающим списком очень полезно, узнала как правильно ему настроить закрытие, и другие классные лайфхаки! Спасибо за ролик, очень жду вторую часть!
рад, что полезно!
Как мне нравятся твои видео! Быстро, чётко и всё по теме без воды!!!
еееее))
Супер полезный ролик, как всегда!) Помнится я когда-то высматривала отдельные ролики на английском, чтобы разобраться, что как настроить. А тут всё четенько по полочкам разложил 🤏 Спасибо! :)
спасибо за просмотр!
Вы офигенно объясняете 🥹👍🏻 все понятно + БЫСТРО! Это невероятное комбо…
Очень рад!
Вот даже колдуешь над прототипом по правилам и без ошибок. Спасибо, что и нас этому учишь!))
🔥🔥🔥
пожалуйста))
Кайф, спасибо большое. И полезности узнала и посмеялась от души
супер))
Леша, спасибо, как всегда все круто, все понятно. Иду изучать вторую часть))))
спасибо за просмотр)
спасибо тебе огромное за полезную и классную инфу!🔥 одно удовольствие смотреть и учиться 😄 побежала смотреть вторую часть)))
пожалуйста огромное)
Алексей, как всегда шикарно! Спасибо за полезность и особенно за подачу материала. Когда ищу информацию и вижу много видосов,всегда выбираю твой)
спасибо 😊
Как всегда очень просто и полезно) Спасибо за видео!!!
супер!
Очень много новой информации, но изложено всё так круто и понятно! Нужно теперь всё это закрепить на практике) Спасибо за этот курс! 🔥
Пожалуйста)
Не знала, что так можно в Фигме. Это очень полезная информация. Нужно переварить первую часть, а потом приступить к просмотру второй. Спасибо большое!!!
пожалуйста большое!
О, так, идём смотреть новый ролик! Чувствую полезность 10000%🤗👍🏻
ееееее))
Очень классный ролик, куча важной информации!!!
Бегу смотреть вторую часть)
Спасибо)
спасибо за просмотр)
Спасибо большое! Как всегда выручаешь 🔥
Очень жду вторую часть
пожалуйста!
Огрооомнейшее спасибо за уроки и крутую подачу материала🔥🔥🔥
пожалуйста))
13:45 Еще один наглядный пример того, что надо дружить с компонентами))
да! не понимаю как можно работать в фигме и не пользоваться компонентами!
Просто идеальное видео, все понятно и доступно, лучше не видела, спасибо огромное за такой контент!
Круто) пожалуйста!
Видео мега полезное! Компоненты в прототипе - откровение, сколько же времени можно сэкономить))) Леша, спасибо) И ура, в понедельник будет продолжение! Жду)))
да, в понедельник прям с утра))
Давно не заходил в режим прототипирования в Фигме, и освежил знания и новое узнал - жду ролик про интерактивные компоненты 🤝
спасибо за просмотр)
спасибо за подробный разбор 🔥🔥🔥 компоненты это 8 чудо света 😁❤️
💯
Наверное, самая интересная и полезная для меня тема. Огромное спасибо за такое подробное и познавательное видео, Ты прям открыл мне фигму по-новому, большое спасибо. Фил Хуг!!!
Фил Хуг!
Спасибо за подробное видео. Как только появляется в фигме вопрос, сразу бегом к тебе на канал)) Ответ точно найдется
еее круто)
Как всегда всё просто и понятно, а главное с юмором)))) Спасибо за твой труд!!🥰
пожалуйста!
Самый крутой курс по фигме. Еще и бесплатный )) Огромное спасибо. Узнала много всего нового и еще впереди ого го сколько нового ))
ну класс)
Ролик огненный, как и всегда! Как разискал как бы прокачать этот скилл себе. Подтянуть знания
Супер!
Класс! Все как всегда, четко объяснил! Спасибо,Леша=)
Пожалуйста!
Сколько лайфхаков, обалдеть!!! Всё, вечером покупаю морожку и иду фильм включать))) Спасибо!
отличный план!
Как раз шастал по инету смотря видосы на эту тему, а тут такое🔥
Ждём вторую часть🥵
рад, что понравилось)
Лёша, спасибо!!!Видео, как всегда, 🔥🔥🔥!!!!! Жду продолжения)))))
🚀🚀🚀
Какая тема классная, очень интересно + подача. Фишки с выносом лого и рамкой от всплывашки крутые. Спасибо большое за эти уроки, смотреть одно удовольствие ❤️
ну класс)
Не, ну разве не красавец? Да просто лучший! Лайков с коментариями насыпте этому Господину. И побыстрее!
спасибо) 😊
Супер полезные туториалы и очень крутая подача! Жду с нетерпением второй части !)
круто) рад, что нравится!
Леша, спасибо за очередной крутой и полезный ролик. Каждую главу раз по пять пересматривала, столько там полезной инфы на единицу времени 👍👏
пожалуйста)
Круто, пройдёт ещё немного времени, и глядишь - в фигме можно будет какие-нибудь суперские анимации делать, что не придется даже affter effects использовать.) Спасибо за полезный видос! как всегда полезно и смешно, про геймпад орнул.
спасибо за просмотр)
Леша, тои ролики это особое искусство🔥🔥🔥 Спасибо, очень полезно.
очень рад, что нравится!
Помню у меня было лютое веселье, когда я только начинала в дизайн и нам на курсе надо было сделать прототип. Естественно, о порядке в слоях я тогда слышала, но не делала)) Такую анимацию с рандомно летающими карточками ни в одном мультфильме не увидишь)
да уж))
Круто, что не надо перезапускать прототип если делаешь какие-то исправления в макете. Очень удобно 🧐
Да это удобно
Супер как всегда !). Вроде бы в простом функционале прототипирования уже нечего особо познавать, а здесь смог подчеркнуть для себя что то новенькое))) Спасибо Алексей!
пожалуйста!
Лёша, спасибо! Уйма полезной инфы и лайфхаков, бегу смотреть следующую часть)
супер, пожалуйста)
Обожаю анимировать это все)) надеюсь фигма еще больше и больше возможностей будет добавлять, ибо в фигме прям это все кайфово выглядит! спасибо за видео)
Спасибо за просмотр)
Лёша, спасибо за подробные объяснения! все основные моменты записала, пойду пробовать настроить)))
отличный план!
Красота. Все доходчиво, ясно и приятно)))
Супер)
Мне очень понравилось анимировать, какое-то волшебство получается, так намного интереснее макет смотреть, куда-нибудь жмякнул и тут ХОБА!!!кайф))спасибо Леша ))
хоба))
Лёха, давай продолжение! 🤩
Контент огонь, ты лучший
☀️
Столько перелопатила видео , не могла понять как создавать анимашки, постоянно натыкалась на проблемы 🤦🏽♀️ Алексей, ваши видео единственные толковые. Я теперь поняла, почему у меня не получалось. Спасибо большое за такие полезные видео-уроки. 🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼
пожалуйста большое! рад, что нравится!
Леша, спасибо! Очень интересно тебя слушать, стиль подачи инфы на высоте. Интерактивные прототипы это моя отдельная боль, т.к. из-за количества настроек, там можно на полдня застрять :,)
пожалуйста) рад, что нравится!
Столько полезной информации в твоих видосах! Очень нравится твоя подача, как у тебя круто получается объяснять простыми словами да еще приправлять это щепоткой шуточек🔥
Рад, что нравится
Ждём следующие части! Отличный контент, приправленный юмором)) идея разработчикам фигмы делать понятную пользователям навигацию: даёшь Pshhh🤣🤣
пшшш)))
Спасибо тебе опять!!! Очень полезное видео, ждем вторую часть!
пожалуйста!
Мне до этого казалось, что там всё просто, а оказалось вон оно как )) Спасибо за видео. И, конечно же, жду продолжения )
уже рендерится!
ура ура!очень ждала этот ролик! жду вторую часть💥💣
супер)
Отличное видео, просто кладезь полезной информации в доступном и веселом формате. Смотрю, как мега интересный сериал, можно смотреть вечно)) "Шерлок" для дизайнеров 😉
супер))
однажды дизайнер неправильно настроил выпадающий список - плакала половина дизайнерской маршрутки 😁 спасибо за ролик!
😄
Сначала лайкнул, потом посмотрел) Спасибо за 26 минут годноты, ждем вторую часть)
супер) спасибо!
"Пшшш" - это конечно шедевр)))СПасибо. Лехаа, давай продолжение
)))
Всё же компоненты круты - даже в прототипах жизнь облегчают) спасибо 🤗
100%)
Круто! Ну прям ооочень подробно! Спаибо! 👍 Бегу смотреть второй ролик.
Спасибо за просмотр!
Ну вот! Начинает что-то проясняться в прототипах! Спасибо! Жги дальше!
я рад!
Леша, бегу смотреть вторую часть!!! Офигенный ролик! Круто в фигме делать анимацию можно, если больше ни где не умеешь, и нет времени! Спасибо большое!!!
пожалуйста большое!
Спасибо огроменное, часа 1.5 пытался сам разобраться, не получалось, открыл ваше видео и решил задачку за 1.5 минуты)))
О круто) рад, что полезно
Большое спасибо за твою работу. Как всегда, очень полезное и интересное видео.
большое пожалуйста!
Спасибо за ролик. Каждый ролик - шедевр! И каждый раз масса полезного. 🔥🔥🔥🔥🔥твой курс про фирму - как сериал. всегда интересно, что же в с следующий серии. пошла смотреть
спасибо))
спасибо за этот урок) теперь можно делать приколюхи в фигме без других доп приложений. Это ж кайф)))
Ну!
Спасибо! Очень нравится что все твои видео сразу применимы)) Твой ютуб кладезь полезной информации!
очень рад)
Шикарный видос и как всегда не скучно 🤣❤️
ну класс)
Очень интересная и полезная тема, все четко и понятно рассказал, спасибо. Анимации мне всегда были интересны, но с твоими роликами и подачей изучать в разы интересней!
ну класс, рад, что нравится!
17:01 Про умную анимацию очень подробно рассказал) Спасибо, буду знать🤗
неее) про нее в следующем ролике будет) а тут так.. просквозило))
@@alexeybychkov_ 😁 ооо, жду тогда))
Леха, все круто, понятно, твои ролики как дополнение к обучению вообще пушка!)
Еее супер!
Кажется, так просто, когда ролик смотришь) а когда фигму открываешь, начинается целый квест)
вот почему важно не только смотреть, но и кнопки нажимать!
Очень круто!!! смотрел этот ролик почти два часа, хочется кнопки понажимать и все попробовать, ну и записать конечно 😉
Спасибо за просмотр!
Интерактивные компоненты это магия вообще. Я когда первый раз их попробовал, чуть со стула не упал) Так что жду ролик про них, вдруг чего-то не знаю)
супер)
Тяжелая тема для меня. Несколько раз смотрела, чтобы понять)) Спасибо за подробное разъяснение)))
пожалуйста)
Лёша, Вы - Википедия по фигме. Это самые подробные инструкции ever. Спасибо 🔥
🎉
Супер видео. Первый раз смотрю про прототипы, очень интересно, хочется погрузится в это с головой и разобрать все возможные варианты. Иду разбираться. Спасибо. Ваши видео это клад!
Ну класс, пожалуйста!
Видео пушка просто, такие нужные фичи прям на блюдечке ко мне подъехали) Жду 2-ю часть
спасибо за просмотр)
Это то, чего мне не хватало, только сегодня узнал о функции кнопки overlay. Большое вам спасибо. С нетерпением жду продолжения.
рад, что пригодилось)