Как сделать календарь в Фигме с Auto Layout?

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ธ.ค. 2024

ความคิดเห็น • 84

  • @yulya3072
    @yulya3072 2 ปีที่แล้ว +3

    Волшебный урок, абсолютно доступно и в хорошем темпе. Подписка+

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Спасибо большое) рад что понравилось!)

  • @dazzle_no_mana
    @dazzle_no_mana ปีที่แล้ว +1

    Спасибо большое! Я только обучаюсь и каждый элемент у меня вызывает затруднения и муку😅 Благодаря таким видео, появляется надежда, что это все же выполнимо❤️ Я наконец поняла, зачем нужна эта функция🎉

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Ура!🥳 рад, что у вас получатся! Главное не останавливаться! Рекомендую посмотреть другие видео у меня на канале, там много полезного😉 а еще приглашаю на свой курс по Фигме😎

  • @ЛилияХаннанова-и9у
    @ЛилияХаннанова-и9у 3 ปีที่แล้ว +1

    Это мэйджик! Сергей, спасибо что записал подробное объяснение!

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว

      Рад, что оказалось было полезно))

  • @YuliaRada-by2jf
    @YuliaRada-by2jf 2 ปีที่แล้ว +1

    Всё супер понятно! Спасибо огромное за классный урок

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Юлия, спасибо большое за отзыв!!

  • @glorigrey8602
    @glorigrey8602 3 ปีที่แล้ว +1

    Благодарю, с удовольствием посмотрела и применила в работе. никаких вопросов не осталось. Жду много новых видео уроков;)

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว

      Спасибо! Рад, что понравилось!) Пишите темы, которые будут интересны!

    • @glorigrey8602
      @glorigrey8602 3 ปีที่แล้ว

      @@Chyrkov я б хотела тему в которой показаны возможности Auto Layout, как и где он чаще всего применяется в практических задачах

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว +1

      ок, спасибо! сделаем!)

  • @Марина-ж7ш1э
    @Марина-ж7ш1э 2 ปีที่แล้ว +1

    Дуже інформативно та доступно, з першого разу все вдалось. Дякую :)

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      здорово) рад, что все получилось!)

  • @maksymtyshchenko7084
    @maksymtyshchenko7084 3 ปีที่แล้ว +1

    Сергей, спасибо за Ваше подробное видео.
    Лайк и подписка!
    Удачи.

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว

      Спасибо, Максим!) рад, что помог!)

  • @beYoGick
    @beYoGick 3 ปีที่แล้ว +1

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

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว

      Отлично!) Рад, что все получилось)

  • @Kitsutoriki
    @Kitsutoriki 3 ปีที่แล้ว +2

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

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว

      Пожалуйста) рад, что было полезно)

  • @sothatsthelemontea5154
    @sothatsthelemontea5154 3 ปีที่แล้ว +1

    Спасибо большое! Очень полезная информация.

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว

      пожалуйста!)

  • @oksana.g9175
    @oksana.g9175 2 ปีที่แล้ว +1

    я наконец-то поняла для чего нужен автолоял этот

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Отлично!))

  • @marinelife5218
    @marinelife5218 3 ปีที่แล้ว +1

    Спасибо за видео! С третьего раза получилось сделать календарь :D

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว

      Ура!))) рад, что получилось!)

  • @ОксанаБотвінцева
    @ОксанаБотвінцева 3 ปีที่แล้ว

    Благодарю! Захотелось создать календарик :) ценное видео.

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว

      Обязательно попробуйте!)

  • @Rallisa
    @Rallisa 3 ปีที่แล้ว +1

    Огромное спасибо за видео!

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว

      Огромное пожалуйста!))

  • @ИпашимВпоту
    @ИпашимВпоту 2 ปีที่แล้ว +1

    Спасибо за видео!!

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Пожалуйста)

  • @teddyrose5289
    @teddyrose5289 3 ปีที่แล้ว +1

    Благодарю

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว

      Пожалуйста!)

  • @РоманПарух-ю3й
    @РоманПарух-ю3й 9 หลายเดือนก่อน

    БЛАГОДАРЮ

    • @Chyrkov
      @Chyrkov  9 หลายเดือนก่อน

      Пожалуйста ☺️

  • @sergshiii
    @sergshiii 3 ปีที่แล้ว +1

    Спасибо за видео! Сергей, как настроить аутолэйаут, чтобы выделенные даты тоже были резиновые?

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว

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

    • @sergshiii
      @sergshiii 3 ปีที่แล้ว

      @@Chyrkov Спасибо! А то я замучился пробовать)

  • @asstridv2934
    @asstridv2934 ปีที่แล้ว +1

    Здравствуйте! А у вас интерфейс в Фигме по другому оформлен, как достичь такого стиля или это только на яблоке?

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Привет! Это очень старое видео и с того времени произошли изменения в интерфейсе фигмы особенно в Auto Layout. Буквально даже неделю назад были обновления. Рекомендую посмотреть более свежие видео у меня на канале, например создание калькулятора, там скорее всего будет уже более привычный для вас интерфейс.

  • @elizaveta_smith
    @elizaveta_smith 3 ปีที่แล้ว +1

    Спасибо!

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว

      Пожалуйста!)

  • @АннаНиколаева-ф6ж2ш
    @АннаНиколаева-ф6ж2ш 6 หลายเดือนก่อน

    Большое спасибо) Но у меня есть вопрос, как уже ваш готовый календарь растягивать без потери диапазона?

    • @Chyrkov
      @Chyrkov  5 หลายเดือนก่อน

      пожалуйста! если вы все правильно собрали в Auto Layout и режим Fill тогда он будет тянуться без перестраивания.

  • @dimashukan5372
    @dimashukan5372 3 ปีที่แล้ว +2

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

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว +1

      Пожалуйста! Да, можно если вы точно планировали создавать «выделение» дат. Но так как основная задача была сделать календарную сетку, а выделение это как доп опция) не вижу смысла тратить на это время)

  • @antdrag4754
    @antdrag4754 3 ปีที่แล้ว +1

    Отличный пример, возьму на вооружение ) А есть ли видео по вариантс?

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว

      берите)) по вариантам нет, надо сделать))) но есть много про интерактивные компоненты)

    • @antdrag4754
      @antdrag4754 3 ปีที่แล้ว

      @@Chyrkov Да, тоже интересно для прототипирования

  • @svetlanakim4861
    @svetlanakim4861 ปีที่แล้ว +1

    Супер

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว +1

      Спасибо)

  • @MrMoorich
    @MrMoorich 2 ปีที่แล้ว +1

    а возможно ли сделать выделение дат (диапазон) интерактивным?

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Да можно это сделать через интерактивный компонент. Но конечно это будет иметь демонстрационный характер, чтобы показать визуал.

  • @МарияБуракова-к5т
    @МарияБуракова-к5т ปีที่แล้ว +1

    Как сделать так, чтобы лишних чисел старого месяца не было, как их убрать без сдвига остальных ?

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Проще всего, чтобы оставить эффект респонсива, можно просто скрыть номера предыдущего месяца, чтобы там были пустышки 😉

  • @ДианаДизайн-ф2ф
    @ДианаДизайн-ф2ф 2 ปีที่แล้ว +1

    Что нужно зажать что бы сразу несколько выделить и перекрасить?

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว +1

      Попробуйте зажать контрл шифт и выделить все объекты которые вам нужны

    • @ДианаДизайн-ф2ф
      @ДианаДизайн-ф2ф 2 ปีที่แล้ว

      @@Chyrkov да вышло. Большое спасибо

  • @ИпашимВпоту
    @ИпашимВпоту 2 ปีที่แล้ว +2

    Почему когда делаю аутолояут в автолояуте и после этого когда дублирую, то дублируется по горизонтали, а не по вертикали? Может увидите комментарий))

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว

      Справа в настройках Auto Layout есть две стрелочки которые указывают направление расположение объектов внутри AL. Вам нужно выбрать стрелочку которая указывает вниз (вертикаль).

    • @ИпашимВпоту
      @ИпашимВпоту 2 ปีที่แล้ว

      @@Chyrkov разобрался, это надо было в слоях фрейм выделять и копировать))

  • @alex_pivko
    @alex_pivko 2 ปีที่แล้ว +1

    Вопрос. Сергей, вот вы выделили 6,7 и 8 числа чтобы показать диапазон. А если мне нужно показать диапазон с 6 по 21 числа. Я попытался выделить все числа и добавить их в ауто лайаут. Получился какой то ужас 😨 как правильно это сделать , как правильно показать такой большой диапазон ?

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว +1

      Объедините все числа в строке в отдельный AL и закрасите фон AL через fill. Если большой диапазон, объедините другие числа в следующих строках. Главное не объединять строки, вам нужны только числа в строках.

  • @ai-bloggers
    @ai-bloggers 2 ปีที่แล้ว +1

    Добрый день. А как сделать так: нажимаешь на иконку в приложении и как бы круг от неё расходится? Если будет возможность такой урок записать, то спасибо огромное 🎉

    • @Chyrkov
      @Chyrkov  2 ปีที่แล้ว +1

      привет! спасибо за идею) попробую сделать)

  • @Юрий-ъ9ь
    @Юрий-ъ9ь ปีที่แล้ว

    Все это очень хорошо. Но как его листать?

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Элементарно) создается компонент с вариантами на каждый месяц. Затем настаивается прототип с переходами. Можно попробовать сделать без вариантов, сделать через переменные (variables) прототипа, но думаю это будет сложнее

  • @denyspk3131
    @denyspk3131 ปีที่แล้ว +1

    У меня не виходит блок "resizing" не понимаю почему , делаю все как в видео

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Уточните пожалуйста на каком моменте в видео? У вас точно все в AL находится?

    • @killme.l
      @killme.l ปีที่แล้ว

      @@Chyrkov у мен такая же проблема, на 6:49 минуте, у меня нет resizing, хотя все находится в auto layout

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      @@killme.l в мае 2022 в фигме были обновления и теперь интерфейс отличается. посмотрите мой обзор обновления здесь th-cam.com/video/8uWa6hkwyek/w-d-xo.html

  • @mykytaherman2437
    @mykytaherman2437 10 หลายเดือนก่อน

    а где найти resizing?у меня в фигме нет ((

    • @Chyrkov
      @Chyrkov  10 หลายเดือนก่อน

      Интерфейс Фигмы поменялся с момента записи этого видео, более свежие можно посмотреть тут
      th-cam.com/video/QOkWCHplUhk/w-d-xo.html

  • @exlibrisv1
    @exlibrisv1 ปีที่แล้ว +1

    После создания "периода" календарь поломается и адекватно трансформироваться не будет, тк fill не работает в пропорциях/процентах, фигма в той строке будет 5 равноширинных элементов, а в других по 7. Если посмотреть свойства у нового фрейма ширина "под контент" и заданные отступы.

    • @Chyrkov
      @Chyrkov  ปีที่แล้ว

      Да вы все верно заметили, фигма к сожалению не понимает как можно тянуть эту строку с выделенными датами вместе с остальным календарем. Если вы найдете способ, присылайте!

    • @exlibrisv1
      @exlibrisv1 ปีที่แล้ว

      @@Chyrkov делать промежутки отдельными компонентами со своими вариантами, и потом менять. Получаются компоненты с датами фиксированного размера с выравниванием текста по центру (что позволит ставить нормальные даты вместо 01, 02 и тд.), и между ними промежутки с значением fill. И потом просто датам и промежуткам меняем условное состояние с рест на актив, ни чего не группируя. Кмк это сделать проще чем описывать в комментарии))

  • @АлинаГичик
    @АлинаГичик 3 ปีที่แล้ว +2

    Спасибо, хороший урок. Но у меня он так не работает- когда пытаюсь ctrl+D- у меня не хочет дублироваться вниз- а сбоку пропадает меню лаут...когда выделяю текст, например 29- тоже пропадает меню. И вишенка на торте- когда вставляю один лаут в другой- у меня он почти наползает на текст внизу....

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว

      Спасибо за комментарий! Сложно понять не видя макет. Дублируется вниз скорее всего потому что у вас ориентация AL стоит горизонтальная. Меню пропадает потому что сам текст не может быть AL, он может быть только внутри AL. По вставке, тут сложно понять, скорее всего у вас не стоит spacing между объектами и они поэтому не выстраиваются в ряд…

  • @Passificspring
    @Passificspring 3 ปีที่แล้ว +1

    Сергей, спасибо за видео ))
    Могли бы Вы сделать подробное видео по Variants (как быстро щолкать вариативные блоки в сайтах, формы в разном состоянии). Заранее благодарю

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว +1

      пожалуйста!) сделаем!

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว +1

      привет!) видео по заявке залил))

  • @bohdanavoitovych9013
    @bohdanavoitovych9013 3 ปีที่แล้ว

    не аут layout, АВТО layout!

    • @Chyrkov
      @Chyrkov  3 ปีที่แล้ว

      АУТО лэйаут 😉