Графики и таблицы с Figma Auto-layout

Поделиться
HTML-код
  • Опубликовано: 27 июл 2024
  • Сегодня мы создадим адаптивный график, календарь и таблицы с помощью обновленных функций Figma Auto Layout.
    00:00 - создаем адаптивный график
    16:16 - адаптивный календарь
    28:30 - адаптивная таблица
    Ссылка на файл из видео - www.figma.com/file/lCRtaCgp2l...
    Подписывайтесь на соцсети:
    / disarto.digital
    www.behance.net/Dexo
    dribbble.com/Dexo

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

  • @iNemezis
    @iNemezis 3 года назад +4

    Произошло то, что часто встречается в этой работе - мы запутались... ))
    А так, в целом, полезно.

  • @user-lj7dk4kr8p
    @user-lj7dk4kr8p 3 года назад +5

    Вы молодец. Фигма все время меняется, и такие оборы всегда будут актуальны.

  • @alexkuznetcov4657
    @alexkuznetcov4657 3 года назад +3

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

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

    Максим, спасибо вам огромное!! Так долго долбалась с этой таблицей, а всего-то надо было AUTO выбрать, а не 0 !!!! Урааааа!!!!

    • @disarto.digital
      @disarto.digital  9 месяцев назад

      Здорово что всё получилось 🙂

  • @idmarkvlasov
    @idmarkvlasov 3 года назад

    Как же ты вовремя) Только сегодня впервые начал работать с графиками)

  • @Alexander7777989
    @Alexander7777989 3 года назад

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

  • @ilyasafronov2421
    @ilyasafronov2421 3 года назад

    Спасибо, это супер контент! Очень полезно

  • @user-bz8xe2vp3p
    @user-bz8xe2vp3p 3 года назад

    очень полезный туториал! спасибо)

  • @alsoualsou9
    @alsoualsou9 3 года назад

    лучший канал! спасибо тебе за работу!:))))

  • @nikolaykovrigin634
    @nikolaykovrigin634 3 года назад

    Спасибо! Супер полезно! 👍👍

  • @SanSan-gk4pz
    @SanSan-gk4pz 3 года назад

    Я ждал! :3 Ееее, спасибо

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

    Самый лучший канал в ютубе!

  • @user-cd3jk3wk5k
    @user-cd3jk3wk5k 3 года назад

    Крутой видос. Когда бы я сам так вник в вопрос. Хотя заготовок календариков уже штук 10 в разных проектах)))

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

    Супер, спасибо!

  • @cinemaholic1146
    @cinemaholic1146 3 года назад

    Очень нужный урок!!!
    Работаю продуктовым дизайнером в Билайн над внутренней CRM. Последний урок с таблицей и ячейками очень пригодился!
    Спасибо за такие крутые видео 🤗

  • @websharkstudio
    @websharkstudio 3 года назад

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

  • @user-mh5tv7vl2w
    @user-mh5tv7vl2w 3 года назад

    да 1 часть расскрыта очень интересно и познавательно!

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

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

  • @eugene_2499
    @eugene_2499 3 года назад +3

    Боже, храни такие каналы на русскоязычном ютубе
    Все подробно и понятно, спасибо))
    P.S. Не понял только как скопировать текст и вставить без применения его стилей?))

    • @efremee
      @efremee 3 года назад

      ctrl+shift+v

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

    Спасибо за урок. В календаре забыли добавить дни недели, а очень бы хотелось посмотреть как их правильно настроить.

  • @chrisiseipt
    @chrisiseipt 3 года назад +1

    22:19 Вопрос: почему fixed with или fill container не автоматически переключаются у всех инстанцов после того как ты это настроил в мастере?

  • @chrisiseipt
    @chrisiseipt 3 года назад

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

  • @igoryao3922
    @igoryao3922 3 года назад

    Класс! Спасибо за контент!) Кстати, у вас ссылка на инстаграм не работает в описании

  • @ivanuvarin6271
    @ivanuvarin6271 3 года назад +1

    Я правильно понимаю, что autolayout верстальщику никоим образом не поможет при написании сайта? Эти вещи облегчают жизнь исключительно дизайнеру?

  • @koin0049
    @koin0049 3 года назад

    А есть ли возможность добавить вертикальные разделители?

    • @Daniil_BS
      @Daniil_BS 3 года назад

      Отдельным автолейлаутом

  • @thefutureofslimes497
    @thefutureofslimes497 3 года назад

    а как сделать фрейм компонентом?

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

    У меня не отображается resizing, почемууууу?😭😰

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

    6:54 - имхо, лучше учиться делать на реальным данным, потому что показанное относится скорее к сфере "рисования", чем к настоящей работе. отсюда возникает закономерное сомнение в смысле подобной "адаптивности", так как ее практическая часть лишена смысла.

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

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

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

      Вот-вот, если нужен график с реальными значениями и адекватным соотношением столбцов для презентации…

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

      @@marina_valerianka боюсь, вам придётся делать все ручками, используя, например, инструменты Adobe illustrator. Мы рисуем именно в нем, а анимируем уже в aftereffects. Да, это не интерактивная инфографики, так как мы делаем её для тв, но, вы можете создать видеоролик и нажимать паузу при необходимости.

  • @ANELO-qe3wg
    @ANELO-qe3wg 3 года назад

    Вместо писать 'Auto' можно просто выбирать 'space between'

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

    Блин, а если в графике нужны реальные цифры - чтоб столбцы были в соответствии с ними по размеру? Проще тогда график делать в PP, тут это ад какой-то, если в презентации море диаграмм и графиков

  • @john6467
    @john6467 3 года назад +1

    Это кашмар какой-то ... Вы такую полезную информацию собрали, но что-то уловить просто не возможно, клацанье по кнопкам со скоростью света ничего не то то не запоминается, даже на паузе не успеваешь просмотреть, урок до 1-го места