Уроки Figma | Бесконечный слайдер. [Фигма]
HTML-код
- Опубликовано: 10 июн 2020
- Рубрика «Быстрые пистоны». Делаем зацикленную карусель в Фигма.
ВАЖНОЕ:
Figma-чат
t.me/figmachat
Моя фигма-страница
figma.com/@vandesign
Книга «Руководство по Figma»
/ figma-guide
Фигма.хелп
figma.help
🧰 Уроки Figma на русском.
Фигма - это бесплатная онлайн программа для дизайна web и UI. Приложения для Windows, Mac OS, Android (Material design) и iOS. Программу можно скачать на сайте www.figma.com. Торрент не нужен! ))
• Как сделать в Фигме свой первый сайт.
• Как использовать сетки и направляющие в вашем проекте.
• Что такое компоненты и фреймы в Фигме.
• Самые интересные плагины (plugins) Фигмы.
• Горячие клавиши для Windows и Mac OS.
• Анимация, шрифты (Google Fonts) и иконки.
• Как создать свои UI Kit и шаблоны (templates).
• Сравнение с Sketch и Adobe XD.
Потихоньку всё сложится в курс по дизайну в Figma.
-----
👍 Поддержать канал: / zendesigner
![Уроки Figma | Пуленепробиваемые иконки. [Фигма]](http://i.ytimg.com/vi/5FynbpRIJIs/mqdefault.jpg)
Спасибо) Вот бы все так делали: без лишней болтовни. А то растянут на 30 минут...
Вот это да: объяснение за меньше чем 2 минуты! Круто!
Огонь! Просто и быстро! Спасибо большое!
Спасибо за простой, быстрый и крутой урок!
Спасибо Виктор!Очень полезный ролик.
Очень интересная и полезная информация!
Огонь! Спасибо!
госпадя это лучший туториал эва! спасиииибо!
Вау спасибо, получилось, я так долго искала как это сделать!
Спасибо большое :)
быстро понятно круто)))
Спасибо!
шикардос!!!!!!!!!!!!!!!!
Спасибо! Месяца 3 мучал вопрос как сделать это в Фигме🙏
Гениально
Круто)
спасибо большое
Я недавно делала урок по созданию слайдера где картинка по центру увеличивается при прокрутке, это был канал Яна Авдеенко, я зареклась у него что-то учить,
этот учитель сделал урок до середины, насоздавал связей а потом типа "дальше сами разбирайтесь". По итогу я сделала половину урока а дальше запуталась потому что
надо было клонировать фреймы со слайдами, а там уже были связи настроены для первых вариантов слайдера и.... короче так я тот урок и не закончила.
Надеюсь вы сделаете (если сами пожелаете конечно) понятный внятный урок по слайдеру где центральное изображение увеличивается в момент прокрутки,
и всё будет понятно, и за урок слайдер будет сделан от начала до конца.
Спасибо вам за канал.
Считаю лучшими учителями Виктора Теплова и Алексея Бычкова.
Подскажите, а как скачать эту бесконечную анимацию??? Чтобы это было как видео или гиф. Но у меня намного больше элементов дополнительных. Жаль если прийдется записывать экран(
гений а не человек! спасибо!
давай ка без обзывательств
Это рекорд! За две минуты!
thx!
Шайтанамана
добрый день) как сделать круговую карусель в фигме? чтобы при нажатии на,напрмиер, блюдо,то сверху появлялась его увеличенная копия и так по кругу методом карусели?
Спасибо! Однако, если не сложно обьясните по какому принципу мы сдвигаем фрейм внутри основного? Как расчитать сколько нужно его подвинуть?
Спасибо! Только когда вставляю это в основную страницу и кликаю в просмотре, ноткрывается только слайдер, остальное пропадает
у меня ничего не выходит, всё точно так же делаю, не уж то это всё на платной основе работает?
Добрый день, может кто-нибудь подскажет. У меня видны фрэймы с кортиками на сером фоне, помимо той, которая находится во фрэйме - slider. И ничего не помогает.
Такая же проблема, не знаю что делать
А есть возможность в figma налаживать на прототип аудио? Если да, то какие плагины для этого используются или библиотеки?)
Не сталкивался с такой необходимостью
@@zen-designer ну а если нужно создать креатив для соц сетей и при этом сделать его с анимацией и с музыкой на фоне. Это в фигме вообще не делается?
@@goncharoleg81 скорее нет, чем да
cделай уроки по BLENDER)
У Дениса хорошие уроки ruclips.net/channel/UCf2LGgt4l6NoroDrHx8uD_Q
@@zen-designer благодарю)но все равно делай контент в нем есть ИЗЮМ и орешки
Хуза!
Хузааа!
Все было прекрасно до момента пока я не обнаружила, что after delay почему то нельзя выбрать( блин на последнем шаге😂 почему непонятно
у меня так же. не понятно почему так...
вот сейчас узнала - надо чтобы связь была от всего фрейма, а не от какого-то одного элемента.
Спасибо за видео! Подскажите плиз, а как сделать переключение слайдов уже непосредственно на странице с контентом? Т.е. есть главная страница, первый экран (слайдер) и снизу информация.
Не совсем понял вопрос.
@@zen-designer Есть главная страница, на первом экране сам слайдер из 3-х слайдов. 1 слайд на самой главной странице, а другие 2 у меня на отдельных фреймах. Можно ли сделать их переключение, например, по стрелке, при этом не дублируя сам контент главной страницы? С первого на второй можно еще сделать оверлеем, а вот со второго на третий уже никак...
www.figma.com/file/OADJmmVLyAMcJU9XuzCqN5/How-Can-I...?node-id=18%3A55
@@zen-designer Круто! =) А можете там разместить скрин настроек прототипа, если не сложно?
просто сдублируй себе файл
Здравствуйте! Интересно, у меня одной такая проблема - сделала слайдер, открываю прототип, чтобы посмотреть анимацию (present), хочу просколлить лэндинг вниз, чтобы посмотреть как все остальное смотрится, но анимация не дает сделать это т.е. автоматически возвращает наверх к слайдеру...Кто сталкивался с такой проблемой??💔
Здравствуйте, подскажите пожалуйста, смогли ли вы найти решение?
@@afanasyevaelina3192 здравствуйте, когда мы соединяем последний с первым и в animation ставим instant вместо smart animate, ниже нужно поставить галочку с preserve scroll position
А как вытащить это с фигмы
А как добавить свои фото?
загрузить через fill ---> image в каждый фрейм нужное вам фото с компа.
Плохо объясняете ,либо я тупой, нету комментариев куда и в какой делаем,что за чем , тупо создали сделали и тд. Все сделал ,но почему не сказать что он у вас должен войти в слайд полностью , и закрыться в нем, тк есть ошибка часто когда он не лезет туда !!!
вы на паузу ставьте урок если не успеваете, и пересматривайте сложные для вас моменты, там всё понятно и чётко обьясняется.
@@Midi25 ну как бы я так и делал…
как все череж жопу...