Figma | Анимация раскрывающегося меню
Вставка
- Опубліковано 10 сер 2021
- Делал для проекта прототип меню Аккордеон.
Надеюсь кому-то поможет.
Upd! В видео не указал, что для такого прототипа, нужно активировать Интерактивные компоненты:
help.figma.com/hc/en-us/artic...
Они пока в статусе Беты. Ссылка на заявку:
docs.google.com/forms/d/e/1FA...
Прототип:
www.figma.com/proto/aMXixnXri...
Ссылка на файл:
www.figma.com/file/aMXixnXriF...
Behance: www.behance.net/ikstro
Instagram: / ikstro
Пару месяцев назад искала адекватное видео про выпадающий список и ничего не могла найти. И вот сейчас чисто случайно попалось ваше. Спасибо вам большое, это реально доступно и ясно показано и рассказано🙏🏻👍🏻
Евгений, как хорошо что я нашел твой канал! Спасибо, все подробно и понятно объясняешь!
Спасибо за подробное объяснение! Вы мне помогли))
Спасибо вам огромное!!!
СПАСИБА
Здравствуйте! Напишите пожалуйста, сколько примерно месяцев или недель занял у вас этот проект?
Евгений, спасибо большое за урок! В точности повторял за вами, кроме ховера, и у меня не работает)) несколько раз все пересматривал, наверное пять раз пересобрал свой итак упрощенный макет. но никак) проблему найти пока не удается.. Я увидел что есть ссылка на ваш проект, но он закрыт или уже не существует. Скажите пожалуйста, можете ли открыть доступ на этот документ? или это строго для друзей?)
Странно, что ссылки не открывались.
Обновил ссылку:
www.figma.com/file/aMXixnXriF6MFwRFoFWMhR/%D0%A0%D0%B0%D1%81%D0%BA%D1%80%D1%8B%D0%B2%D0%B0%D1%8E%D1%89%D0%B5%D0%B5%D1%81%D1%8F-%D0%BC%D0%B5%D0%BD%D1%8E-UA-cam?node-id=0%3A1
Добрый день, пытаюсь уже два дня сделать реакцию текста при наведении, но когда я делаю прототип от Normal к Hover, идет стрелка к самому тексту, а не к компоненту. Т.е. не дает такого варианта от компонента к компоненту, а сразу к тексту ведет. Следовательно, реакции нет. Делаю все по вашей инструкции :((
Добрый день. Пока не очень понял вопроса.
Вот ссылка на мой макет, может поможет: is.gd/FAApKZ
Или дайте ссылку на ваш файл, будет время, гляну.
да! застряла на том же самом.
@@alena_uchit Дайте ссылку на макет.
@@ikstro.design делаю всё то же самое до 2:00 (на вашем видео), но, когда я пытаюсь сделать прототип: при наведении (while hover), я не могу выбрать пункт "Change to", у меня этого пункта попросту нет... совсем. Есть "novigate to", "open overlay", "scroll to", "swap to".... но "change to", как у вас нет.
@@alena_uchit Девчонки, я ввёл вас в заблуждение. Change to появляется когда активированны Интерактивные компоненты.
help.figma.com/hc/en-us/articles/360061175334-Create-interactive-components-with-variants
Я просто не учёл, что многие их не активировали. Исправлю в описании. Спасибо за наводку на косяк.
Подайте заявку и в течение 1-2 дня их активируют:
docs.google.com/forms/d/e/1FAIpQLSctELo9clvK0uP-0zDAxMqrgtCNyK0OB2hff6O7SnK9y4jo5g/viewform
А что делать если при наведении на компонент показывает текст который указал в самом первом компоненте?
Хороший вопрос. Наверное что-то с инстансами не то. Я бы проверял их.
Тоже столкнулась с этой проблемой. Все было из-за того, что при создании компонента под названием hover не сделала detache instance. После этого все заработало
Окей, а внедрённый баян в сайт есть?
@@ikstro.design На сайте то понятно, проблем нет. Аккордеон в Фигме перекрывает об?екты ниже.
@@ikstro.design да, такой паровоз нам не нужен)
@@mongolshudan Фигма починила косяк, теперь всё работает. Можно его встраивать в основной прототип сайта:
www.figma.com/proto/C9fNuRVh3PfPo9Rr5h45jG/Раскрывающееся-меню?page-id=0%3A1&node-id=22%3A191&viewport=241%2C48%2C0.27&scaling=min-zoom&starting-point-node-id=22%3A194&show-proto-sidebar=1
можно было бы суть приёма описать(( время только потратил