Уроки Figma | Бесконечный слайдер. [Фигма]

Sdílet
Vložit
  • čas přidán 10. 06. 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

Komentáře • 71

  • @rarovec999
    @rarovec999 Před 3 lety +41

    Спасибо) Вот бы все так делали: без лишней болтовни. А то растянут на 30 минут...

  • @marytv2579
    @marytv2579 Před rokem +14

    Вот это да: объяснение за меньше чем 2 минуты! Круто!

  • @Yuliia_Ponidielnik
    @Yuliia_Ponidielnik Před 3 lety +5

    Спасибо за простой, быстрый и крутой урок!

  • @marydit593
    @marydit593 Před 3 lety +4

    Огонь! Просто и быстро! Спасибо большое!

  • @user-no5gj1jr3c
    @user-no5gj1jr3c Před 3 lety +3

    Спасибо Виктор!Очень полезный ролик.

  • @user-kq2ch2ik8s
    @user-kq2ch2ik8s Před 4 lety +4

    Очень интересная и полезная информация!

  • @goodnightfolks6106
    @goodnightfolks6106 Před 11 měsíci

    госпадя это лучший туториал эва! спасиииибо!

  • @birzhan_design
    @birzhan_design Před 4 lety +3

    Огонь! Спасибо!

  • @sovinaowl7968
    @sovinaowl7968 Před 6 měsíci

    Вау спасибо, получилось, я так долго искала как это сделать!

  • @alenagolub6308
    @alenagolub6308 Před 4 lety +8

    Спасибо! Месяца 3 мучал вопрос как сделать это в Фигме🙏

  • @Michael_Faze
    @Michael_Faze Před 4 lety +3

    быстро понятно круто)))

  • @ValeriyaSotnik
    @ValeriyaSotnik Před 2 lety +5

    Подскажите, а как скачать эту бесконечную анимацию??? Чтобы это было как видео или гиф. Но у меня намного больше элементов дополнительных. Жаль если прийдется записывать экран(

  • @tapok1991
    @tapok1991 Před 3 lety +1

    шикардос!!!!!!!!!!!!!!!!

  • @billybonsful
    @billybonsful Před 2 lety

    Спасибо большое :)

  • @user-kq2ch2ik8s
    @user-kq2ch2ik8s Před 4 lety +3

    Спасибо!

  • @Midi25
    @Midi25 Před rokem +1

    Я недавно делала урок по созданию слайдера где картинка по центру увеличивается при прокрутке, это был канал Яна Авдеенко, я зареклась у него что-то учить,
    этот учитель сделал урок до середины, насоздавал связей а потом типа "дальше сами разбирайтесь". По итогу я сделала половину урока а дальше запуталась потому что
    надо было клонировать фреймы со слайдами, а там уже были связи настроены для первых вариантов слайдера и.... короче так я тот урок и не закончила.
    Надеюсь вы сделаете (если сами пожелаете конечно) понятный внятный урок по слайдеру где центральное изображение увеличивается в момент прокрутки,
    и всё будет понятно, и за урок слайдер будет сделан от начала до конца.
    Спасибо вам за канал.
    Считаю лучшими учителями Виктора Теплова и Алексея Бычкова.

  • @aliseratusha8610
    @aliseratusha8610 Před 3 lety +1

    Гениально

  • @irinapuzyr3087
    @irinapuzyr3087 Před 3 lety +1

    Круто)

  • @patriksveisi6230
    @patriksveisi6230 Před 3 lety +1

    добрый день) как сделать круговую карусель в фигме? чтобы при нажатии на,напрмиер, блюдо,то сверху появлялась его увеличенная копия и так по кругу методом карусели?

  • @user-mm8be8hn2q
    @user-mm8be8hn2q Před rokem

    Это рекорд! За две минуты!

  • @meduza3227
    @meduza3227 Před 3 lety +1

    спасибо большое

  • @alexeyzenkin1309
    @alexeyzenkin1309 Před 4 lety +4

    Шайтанамана

  • @Kristen903
    @Kristen903 Před 25 dny

    Спасибо! Однако, если не сложно обьясните по какому принципу мы сдвигаем фрейм внутри основного? Как расчитать сколько нужно его подвинуть?

  • @alsoualsou9
    @alsoualsou9 Před 3 lety +1

    thx!

  • @user-up4bl9ql3q
    @user-up4bl9ql3q Před 3 lety +4

    гений а не человек! спасибо!

    • @zen-designer
      @zen-designer  Před 3 lety

      давай ка без обзывательств

  • @vera-horse
    @vera-horse Před 6 měsíci

    Спасибо! Только когда вставляю это в основную страницу и кликаю в просмотре, ноткрывается только слайдер, остальное пропадает

  • @hori599
    @hori599 Před 3 měsíci

    у меня ничего не выходит, всё точно так же делаю, не уж то это всё на платной основе работает?

  • @goncharoleg81
    @goncharoleg81 Před 2 lety +1

    А есть возможность в figma налаживать на прототип аудио? Если да, то какие плагины для этого используются или библиотеки?)

    • @zen-designer
      @zen-designer  Před 2 lety

      Не сталкивался с такой необходимостью

    • @goncharoleg81
      @goncharoleg81 Před 2 lety

      @@zen-designer ну а если нужно создать креатив для соц сетей и при этом сделать его с анимацией и с музыкой на фоне. Это в фигме вообще не делается?

    • @zen-designer
      @zen-designer  Před 2 lety

      @@goncharoleg81 скорее нет, чем да

  • @annagamina1583
    @annagamina1583 Před 2 lety +1

    Добрый день, может кто-нибудь подскажет. У меня видны фрэймы с кортиками на сером фоне, помимо той, которая находится во фрэйме - slider. И ничего не помогает.

    • @v1ntage7
      @v1ntage7 Před 2 lety

      Такая же проблема, не знаю что делать

  • @Vit_Army
    @Vit_Army Před 23 dny

    А как вытащить это с фигмы

  • @user-bc6gc3wy5l
    @user-bc6gc3wy5l Před 4 lety +2

    cделай уроки по BLENDER)

    • @zen-designer
      @zen-designer  Před 4 lety +1

      У Дениса хорошие уроки czcams.com/channels/f2LGgt4l6NoroDrHx8uD_Q.html

    • @user-bc6gc3wy5l
      @user-bc6gc3wy5l Před 4 lety +1

      @@zen-designer благодарю)но все равно делай контент в нем есть ИЗЮМ и орешки

  • @stylix2
    @stylix2 Před 3 lety +3

    Спасибо за видео! Подскажите плиз, а как сделать переключение слайдов уже непосредственно на странице с контентом? Т.е. есть главная страница, первый экран (слайдер) и снизу информация.

    • @zen-designer
      @zen-designer  Před 3 lety

      Не совсем понял вопрос.

    • @stylix2
      @stylix2 Před 3 lety

      @@zen-designer Есть главная страница, на первом экране сам слайдер из 3-х слайдов. 1 слайд на самой главной странице, а другие 2 у меня на отдельных фреймах. Можно ли сделать их переключение, например, по стрелке, при этом не дублируя сам контент главной страницы? С первого на второй можно еще сделать оверлеем, а вот со второго на третий уже никак...

    • @zen-designer
      @zen-designer  Před 3 lety +2

      www.figma.com/file/OADJmmVLyAMcJU9XuzCqN5/How-Can-I...?node-id=18%3A55

    • @stylix2
      @stylix2 Před 3 lety

      @@zen-designer Круто! =) А можете там разместить скрин настроек прототипа, если не сложно?

    • @zen-designer
      @zen-designer  Před 3 lety +1

      просто сдублируй себе файл

  • @user-bz9go4jy2z
    @user-bz9go4jy2z Před rokem

    Все было прекрасно до момента пока я не обнаружила, что after delay почему то нельзя выбрать( блин на последнем шаге😂 почему непонятно

    • @Kristen-tq9ph
      @Kristen-tq9ph Před rokem

      у меня так же. не понятно почему так...

    • @Kristen-tq9ph
      @Kristen-tq9ph Před rokem

      вот сейчас узнала - надо чтобы связь была от всего фрейма, а не от какого-то одного элемента.

  • @nataligraphic
    @nataligraphic Před 2 lety

    Здравствуйте! Интересно, у меня одной такая проблема - сделала слайдер, открываю прототип, чтобы посмотреть анимацию (present), хочу просколлить лэндинг вниз, чтобы посмотреть как все остальное смотрится, но анимация не дает сделать это т.е. автоматически возвращает наверх к слайдеру...Кто сталкивался с такой проблемой??💔

    • @afanasyevaelina3192
      @afanasyevaelina3192 Před 2 lety

      Здравствуйте, подскажите пожалуйста, смогли ли вы найти решение?

    • @user-fv7cm9yw9f
      @user-fv7cm9yw9f Před 2 lety +2

      @@afanasyevaelina3192 здравствуйте, когда мы соединяем последний с первым и в animation ставим instant вместо smart animate, ниже нужно поставить галочку с preserve scroll position

  • @dinodark3100
    @dinodark3100 Před 3 lety +1

    Хуза!

  • @lumigd8859
    @lumigd8859 Před 2 lety +1

    А как добавить свои фото?

    • @Midi25
      @Midi25 Před rokem

      загрузить через fill ---> image в каждый фрейм нужное вам фото с компа.

  • @allinn8583
    @allinn8583 Před 2 lety +6

    Плохо объясняете ,либо я тупой, нету комментариев куда и в какой делаем,что за чем , тупо создали сделали и тд. Все сделал ,но почему не сказать что он у вас должен войти в слайд полностью , и закрыться в нем, тк есть ошибка часто когда он не лезет туда !!!

    • @Midi25
      @Midi25 Před rokem

      вы на паузу ставьте урок если не успеваете, и пересматривайте сложные для вас моменты, там всё понятно и чётко обьясняется.

    • @allinn8583
      @allinn8583 Před rokem +1

      @@Midi25 ну как бы я так и делал…

  • @anatoliis1080
    @anatoliis1080 Před 2 lety

    как все череж жопу...