ПРОКРУТКА ВНИЗ И СЛАЙДЕР В ФИГМА PROTOTYPE | DESIGN TUTORIAL

Поделиться
HTML-код
  • Опубликовано: 7 сен 2024
  • 💎 Курс "UX/UI-Дизайн" - uxui.filschool.ru
    ◾ Базовый курс по веб-дизайну "Основы дизайноведения" - base.filschool.ru/
    ◾ Полноценный курс по веб-дизайну "Дизайноведение" - filschool.ru/
    ◾ Ведение рабочих профилей в Instagram "Инставедение" - insta.filschool...
    ◾ Менторство - drive.google.c...
    ◾ Магазин футболок для фрилансеров - filippovashop.ru
    Самые полезные видео на канале:
    Кто такой веб-дизайнер - • ЧЕМ ЗАНИМАЕТСЯ ВЕБ-ДИЗ...
    Сколько зарабатывает веб-дизайнер - • СКОЛЬКО ЗАРАБАТЫВАЕТ В...
    Навыки веб-дизайнера - • НАВЫКИ ВЕБ-ДИЗАЙНЕРА /...
    Как стать веб-дизайнером - • Как стать веб-дизайнер...
    Где учиться на веб-дизайнера - • ГДЕ УЧИТЬСЯ НА ВЕБ-ДИЗ...
    Плюсы и минусы профессии - • ПЛЮСЫ И МИНУСЫ ПРОФЕСС...
    Какой ноутбук выбрать - • Как выбрать ноутбук дл...
    Этапы рабочего процесса - • ЭТАПЫ РАБОЧЕГО ПРОЦЕСС...
    Кто такие UX/UI дизайнеры - • КТО ТАКИЕ UX/UI ДИЗАЙН...
    Ошибки начинающих - • 🚫 ОШИБКИ НАЧИНАЮЩИХ ВЕ... , • 🚫 ОШИБКИ НАЧИНАЮЩИХ ВЕ...
    Стили в веб-дизайне - • 🎨СТИЛИ В ВЕБ-ДИЗАЙНЕ
    Сетки в веб-дизайне - • МОДУЛЬНЫЕ СЕТКИ В ВЕБ-...
    Адаптивный дизайн сайта - • АДАПТИВНЫЙ ДИЗАЙН САЙТ...
    Дизайн сайта в Figma - • ДИЗАЙН САЙТА В FIGMA
    Тренды в дизайне на 2021 год - • 8 ТРЕНДОВ UX/UI ДИЗАЙН...
    Как сделать портфолио - • 🔥КАК СДЕЛАТЬ ПОРТФОЛИО...
    Как рассчитать стоимость дизайна - • КАК РАСЧИТАТЬ СТОИМОСТ...
    Как найти первого клиента - • 🔥Как найти первого кли...
    Где меня найти:
    Instagram: / sofyafilippova
    Instagram Filschool: / filschool.ru
    Страница Вконтакте: sof_fil...
    Сайт веб-студии: filippovadesig...
    Портфолио студии: www.behance.ne...
    #фигма #prototype #designtutorial

Комментарии • 55

  • @vitek12321
    @vitek12321 Год назад

    Огромное спасибо!!! Наконец-то получился скролл:) Уже несколько видео пересмотрел, было не понятно, что нужно скролящиеся картинки в Фрейм поместить. А у Вас все четко и ясно.

  • @Samigri
    @Samigri 9 месяцев назад

    Под дня искала как это сделать, Софья вы прекрасно все рассказываете.

  • @valentyndoroshenko7186
    @valentyndoroshenko7186 2 года назад

    Все четко и понятно, без лишней воды! Супер!!! Спасибо!!!

  • @dinoluna3554
    @dinoluna3554 Год назад

    Супер! Очень помогло мне в обучении разобраться со своими проблемами. Жаль, что мой преподаватель сразу не сказал про эти часто встречающиеся ошибки.

  • @Sashabommm
    @Sashabommm 2 года назад +2

    Спасибо за видео, способ хороший, но я бы хотел немного дополнить.
    Бывают такие моменты, когда люди листают до конца и в конце спрашивают, - «а почему у вас вот тут нет отступа, так и должно быть?». Считаю, что можно расположить фрейм по заранее выбранной сетке, и просто убрать галочку с «clip content», и тогда и фрейм будет по сетке и контент на месте)

    • @SofyaFilippova
      @SofyaFilippova  2 года назад

      Если честно не поняла в чем проблема 🤔 отступ можно. До конца - это вниз? Отступ можно заложить и с клип контент, а ещё в панель управления, увеличив его фрейм

    • @Sashabommm
      @Sashabommm 2 года назад

      @@SofyaFilippova Имел в виду про горизонтальный скрол, если проскролить до самого конца, то выходит, что там нет отступа)

  • @olegromashov
    @olegromashov 2 года назад +2

    Спасибо! Интересно видео про организацию слоев/групп: как называть элементы, как правильно группировать, чтобы удобно было ориентироваться и передавать на вёрстку.

    • @SofyaFilippova
      @SofyaFilippova  2 года назад

      Просто логично все группируем, чтобы другой человек мог разобраться 🤗

  • @nasteadiak
    @nasteadiak 2 года назад +2

    Благодаря вашим видео научилась работать с анимацией в фигме:) спасибо огромное за ваш труд!!
    Хотела бы задать вопрос по анимации для спойлеров, можно ли как-то на странице вопрос- ответ, например, показать как откроется ответ чтобы этот «открывающийся» ответ двигал вниз следующие поля вопросов? Надеюсь, не запутала))

  • @Alyonushka_rikova
    @Alyonushka_rikova 9 месяцев назад +1

    У меня нет окна фиксированная позиция при скроллинге((

  • @focusght
    @focusght 2 года назад +1

    Спасибо большое!! А как его выгрузить чтоб добавить в портфолио?

  • @user-tt6xx3jt8o
    @user-tt6xx3jt8o 2 года назад +1

    Спасибо за видео! Очень интересует тема инверсии ( например: когда текст залазит на картинку и там он другого цвета)

  • @yopta7523
    @yopta7523 Год назад

    Благодарю короткие и понятные видео
    Удачи!!

  • @ukrop1515
    @ukrop1515 Год назад

    Я только на твоём видео наконец поняла как делать скролл

  • @tudasyuda44
    @tudasyuda44 Год назад +1

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

  • @SpirouDays
    @SpirouDays 2 года назад +1

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

  • @user-zc8gu3pe5q
    @user-zc8gu3pe5q 2 года назад +1

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

  • @aprokhorova
    @aprokhorova 2 года назад +1

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

  • @Leshi_stiker
    @Leshi_stiker 2 месяца назад

    Почему тг не высвечиваеться кнопка для фиксации панел(

  • @ludav1424
    @ludav1424 2 года назад +2

    Спасибо! 🙂

  • @lili.8723
    @lili.8723 8 месяцев назад

    Спасибо! Делаю свой первый сайт очень полезное видео

  • @anpod143
    @anpod143 Год назад

    супер, если мне нужно изменить хэдер, свернуть поиск например

  • @Citizen_LG
    @Citizen_LG 2 года назад +1

    Как сделать так что бы фон был не белый, а какая нибудь картинка, при этом что бы при скроле она не двигалась, а элементы над ней скролились? У меня не получается, элементы при скроле заходят под фон((.

    • @9kirra9
      @9kirra9 3 месяца назад

      Вооот, тот же вопрос.. Вы случайно за этот год не узнали ответа? 😊

  • @oydinberkimbaeva3824
    @oydinberkimbaeva3824 Год назад

    Здравствуйте! А если там где надо изменить скрол на горизонтальный стоит воскицательный знак? Как этом можно исправить?

  • @esilbek
    @esilbek Год назад

    Отличное видео!
    Подскажите, как можно сделать и сохранять картинки (PNG) для mock-ups из Figma с "нахлестом" для презентаций.
    Я имею в виду, в Behance много презентаций, где картинки приложений имею небольшой нахлест снизу, что бы показать полную информацию, как будет выглядеть приложение на статический картинке (PNG).

  • @ivitwigle8567
    @ivitwigle8567 2 года назад +1

    У меня почему-то при фиксировании надпись и все содержимое, которое хочу зафиксировать при скролинге просто исчезает. Убираю галочку - появляется. Текст на самом верхнем слое находится.. Есть какое-то решение ? (

    • @liz_lavorenko
      @liz_lavorenko 2 года назад

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

  • @user-rk2hk3tw1t
    @user-rk2hk3tw1t 3 месяца назад +1

    а если нигде не выходит фиксированная позиция при скроллинге?

    • @user-rk2hk3tw1t
      @user-rk2hk3tw1t 3 месяца назад

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

    • @user-ug3nh1mj8g
      @user-ug3nh1mj8g 3 месяца назад

      Нашли ответ на это? А то тоже самое..

  • @kseniya_selyavko
    @kseniya_selyavko 6 месяцев назад

    А что делать, если нет кнопки фиксирования скролла? 😢

  • @t1moxaa647
    @t1moxaa647 10 месяцев назад

    Спасибо

  • @user-vj5mw5tn8w
    @user-vj5mw5tn8w 6 месяцев назад

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

  • @alexstar8050
    @alexstar8050 2 года назад

    Спасибо попробую так сделать Ps только учусь дизайну )😄

  • @nataligraphic
    @nataligraphic 2 года назад +1

    Было бы интересно как сделать автоматический слайдер внутри лэндинга)

    • @SofyaFilippova
      @SofyaFilippova  2 года назад

      Бегущая строка - instagram.com/reel/CWIP5StgbBy/?

    • @nataligraphic
      @nataligraphic 2 года назад

      @@SofyaFilippova Спасибо. Почему-то возникает проблема - сделала слайдер по вашему видео, открываю прототип, чтобы посмотреть анимацию (present), хочу просколлить лэндинг вниз, чтобы посмотреть как все остальное смотрится, но анимация не дает сделать это т.е. автоматически возвращает наверх к слайдеру..

  • @h1muro
    @h1muro 4 месяца назад

    спасибо !!

  • @j.3050
    @j.3050 Год назад

    Полезно, спасибо!

  • @user-rt7km3jy6x
    @user-rt7km3jy6x 2 года назад +1

    спасибо)))❤

  • @vergaravergara8848
    @vergaravergara8848 7 месяцев назад

    у меня не работает скроллинг((,

  • @user-bi2vr8pc3c
    @user-bi2vr8pc3c 2 года назад

    Класс!)) Спасибо)

  • @lyubakravchuk
    @lyubakravchuk 2 года назад

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

  • @_life258
    @_life258 Год назад

    В мене таке запитання, коли запускаю, не бачить картинок, що я зробила не так?

  • @marinailchenko6352
    @marinailchenko6352 2 года назад

    Спасибо ! )

  • @user-tf5ie4om7s
    @user-tf5ie4om7s 2 года назад +1

    Зачем иконки снизу такие огромные на полэкрана? Нет, чтобы фигму крупнее показать

    • @SofyaFilippova
      @SofyaFilippova  2 года назад

      Наверное, вы об обложке для видео. Кроме лого фигмы, есть такой огромный текст - «figma prototype» на полэкрана.

  • @glkvv007
    @glkvv007 6 месяцев назад

    Нету в больше этой галочки зафиксировать позицию

  • @user-be2wr4hq2g
    @user-be2wr4hq2g 6 месяцев назад

    Звук будто с другой планеты, на максимуме них..рена не слышно!

  • @user-ee4lw5uj3f
    @user-ee4lw5uj3f 2 года назад +1

    Спасибо

  • @liberty4187
    @liberty4187 Год назад

    Спасибо!

  • @anddrew5841
    @anddrew5841 2 года назад

    Спасибо)!

  • @yegorio_st
    @yegorio_st 2 года назад

    Спасибо