⚡️ Автолейаут в Фигме и таблица с линиями. Как настраивать. Фишки, секреты и хорошее настроение

Поделиться
HTML-код
  • Опубликовано: 13 ноя 2022
  • #alexeybychkov #figma #webdesign
    Как настраивать в Фигме таблицу с линями через автолейаут. Фишки, секреты и хорошее настроение
    Файл со скриншотами для насмотренности: boosty.to/alexeybychkov/posts...
    RUclips - / @alexeybychkov_
    ТикТок - / alexeybychkov_
    Rutube - rutube.ru/channel/24298564/
    Дзен - zen.yandex.ru/alexeybychkov
    Инстаграм - / alexeybychkov_
    Телеграм - t.me/a1exeybychkov
    Вконтакте - alexeybychkov
    Обучение - alexeybychkov.study/
    Мои цитаты - zapi.si/
    Мои 404 - www.404.gallery/
    Хелп по Фигме - figma.help/
    💰❤️ Поддержать канал:
    / @alexeybychkov_
    бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
    патреон - / alexeybychkov - английский, доллары
    •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
    Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 38 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
    Подробнее обо мне - alexeybychkov.com/about/
    17 лет опыта - alexeybychkov.com/experience/
    Пишу - alexeybychkov.com/blog/
    Дизайню - alexeybychkov.com/cases/
    Отзывы - clck.ru/K5Mcc
    Мои книги:
    «Дизайн и фриланс. Начало» - clck.ru/JE8ku
    «Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
    Хелп по Фигме: уроки, видео, советы, фишки - figma.help
    Мир фейсов: faces.world/
    #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

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

  • @alexeybychkov_
    @alexeybychkov_  Год назад +35

    Если было полезно - отсыпьте комментариев! Спасибо!

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

      Супер!😁

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

      Очень очень жду вторую часть

    • @user-ub6em9rn9q
      @user-ub6em9rn9q Год назад

      Очень! Хоть и вроде все новые фишки сразу внедряю, а каждый раз у вас что-то новое узнаю! Ну и шикарная подача, с огоньком! 😂 спасибо!!! Жду продолжения!!!

  • @user-xs8ty9dg5s
    @user-xs8ty9dg5s Год назад +42

    Ты способен за 15 минут рассказать больше и понятнее, чем большинство за недели и даже годы)). Это талант!! Лайк

  • @avakarchuk
    @avakarchuk Год назад +22

    Раньше дизайнить таблицы в фотошопе было ну просто АДСКИ больно и долго, потом, с приходом фигмы стало куда удобнее и быстрее, а теперь с автолейаутами ну вообще пушка...
    За лайфхаки отдельное спасибУ!

    • @alexeybychkov_
      @alexeybychkov_  Год назад +3

      Ага таблицы раньше были злом)

  • @despro7
    @despro7 Год назад +12

    Делюсь ещё одним крутым лайфхаком. Для тех случаев, когда вам необходимо заполнять большие массивы данных (например таблицы, как на этом видео), удобнее использовать плагин Many Paster. Одним махом можно заполнить неограниченное кол-во текстовых строк. Если Лёша увидит этот коммент, возможно, расскажет и покажет в будущих видео подробнее.

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

      спасибо, надо попробовать)

  • @amileburger2634
    @amileburger2634 2 месяца назад +1

    Космос🤓🤓🤓.. столько полезной информации только у Алексея -веб полицейского.. Спасибо огромное! 🔥

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

      Спасибо за просмотр) 🥳

  • @alexey_burakov
    @alexey_burakov Год назад +32

    Шикааааарно. Боже мой, у тебя должно быть в 10 раз больше подписчиков. С твоей помощью взял чёрный пояс по фигме, продолжаю учиться и применять мастерские техники. Отчасти твои ролики привели меня к профессии дизайнера. Теперь учусь на курсах в Яндексе, тебя там рекламируют. Определённо не зря, сам всем рассылаю твои видео!

    • @alexeybychkov_
      @alexeybychkov_  Год назад +3

      ого круто) рад, что рекомендуют!

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

      @@alexeybychkov_ скоро и в гугле будут знать ;)

  • @aleks_it
    @aleks_it Год назад +5

    Каждый раз удивляюсь - насколько полезно и быстро 👍🏻 умеете жеж 👏🏻 и очень хочется продолжение!!!!

  • @Alexandraizotova727
    @Alexandraizotova727 2 месяца назад +1

    Очень полезное видео! Так понятно все объясняешь🔥
    пойду попробую повторить)
    Спасибо , что учишь тому, что никто другой не покажет!

  • @hth5339
    @hth5339 Год назад +9

    Спасибо большое, что выкладываете свои видео в свободный доступ! ❤️

  • @csc_annem
    @csc_annem Год назад +28

    зашла посмотреть насчет таблиц. 1. узнала разницу в рисовании линий 2. уже тоже хочу макбук 3. а вы еще столько примеров показали, как можно выравнивать линии в таблицах. ваши видео полезны 100/10🎉

    • @alexeybychkov_
      @alexeybychkov_  Год назад +6

      круто) рад на 100 из 10))

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

      ты можешь установить макос на пк

    • @kote2120
      @kote2120 Год назад +4

      В Windows тоже есть визуальный буфер обмена - клавиша Win + V

  • @ItchefRu
    @ItchefRu Год назад +2

    Автолейаут в Фигме просто шикарен..... Алексей благодарю за шикарный материал...

  • @zakharlobanov2391
    @zakharlobanov2391 Год назад +6

    Алексей, спасибо! Очень заходит твоя подача, и уровень экспертизы шикарен. Блуперсы в конце тоже огненные ))

  • @lana_svetlana.
    @lana_svetlana. Год назад +2

    В каждом ролике столько лайфаков, я просто в восторге🔥Теперь еще и знаю как настраивать такие таблицы через АЛ, просто бомба

  • @innasapegina7068
    @innasapegina7068 Год назад +2

    Мега полезняха! 👍👍👍Жду продолжения! Лёша, только цюу тебя такая полезняха! Твой канал это one love♥️

  • @user-fn7jt4xx6l
    @user-fn7jt4xx6l Год назад +7

    спасибо вам большое за труд! на вашем канале целые горы бесценной информации

  • @pisces92m
    @pisces92m Год назад +2

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

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

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

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

    Клёвый видос! Про таблицы очень полезно. Заодно про автолейауты становится понятнее, а то иногда затупливаю))

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

    С нетерпением жду продолжение!

  • @herethenameoff
    @herethenameoff Год назад +2

    Ролик в понедельник - старая классика! Капец, как рада теме ролика, бегу смотреть

  • @user-xp4qd1bl7s
    @user-xp4qd1bl7s Год назад +2

    Филхуг!
    Как всегда коротко и по делу)
    Спасибо!

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

    Видео про автолейаут много не бывает)) Спасибо за очередную полезность, я с таблицами как раз мощно туплю всегда 🥰

  • @user-bg9cl6qm1l
    @user-bg9cl6qm1l Год назад +2

    Дзякуй. Вельмі карысна. Буду чакаць працягу. Агучка Джэкі Чана ў канцы - цуд.

  • @HelaKolo
    @HelaKolo Год назад +2

    это отдельный вид эстетического наслаждения: наблюдать, как настройки в мастере выстраивают десятки его компонентов 😌 бегу повторять урок и ооочень жду вторую часть с магией адаптивов 💫

  • @user-katusha_bunakova
    @user-katusha_bunakova Год назад +2

    ждееееем, конечно ждем продолжение!!! 😍

  • @user-wb7oy1bp3c
    @user-wb7oy1bp3c Год назад

    Зашла посмотреть с опозданием, но и тут своя польза, сейчас сразу 2 ролика и зацеплю! 😍

  • @user-mm8be8hn2q
    @user-mm8be8hn2q Год назад +1

    Класс. И резиновый буфер - класс. Ждем продолжения.

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

    Класс! С нетерпением жду вторую часть.

  • @ElenaHorbik
    @ElenaHorbik Год назад +2

    О, спасибо! И про таблицу полезно-интересно, и удобную программу показал 👍😍

  • @user-hg6ri8iy3m
    @user-hg6ri8iy3m Год назад +1

    Супер! Буду вечером повторять) с нетерпернием жду второй части)

  • @user-ni5uf3jr5j
    @user-ni5uf3jr5j Год назад +1

    Спасибо, АлЕксий !!! Материал, как всегда, бомба !!! Ждём продолжения...

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

    Классный и сочный ролик! Доступно, понятно и весело) Прям чувствую, что багаж растёт, но его легче нести🔥

  • @user-cm2bd5lb2z
    @user-cm2bd5lb2z Год назад +2

    Пока смотрел, аж картошечки захотелось😋 Ну ладно,шучу, простите😄Благодарочка, батенька!) Лучший❣

  • @alexanderklochkoff1543
    @alexanderklochkoff1543 Год назад +3

    Как всегда на высоте!! Обожаю ) И полезно и как на стендапе побывал. Если бы все так круто подавали знания! Лучший! Спасибо!!!

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

    Как всегда, единственный мой источник реально годных советов и примеров чистого дизайна
    Спасибо, Лёша! 🎉

  • @user-xs8ty9dg5s
    @user-xs8ty9dg5s Год назад +1

    Ураа. Новое видео и наконец появилось время глянуть. Это прчм очень полезно. Спасибо, что показываешь разнве размеры контента. Лайк!! =)

  • @anastasyayakushenko4377
    @anastasyayakushenko4377 Год назад +3

    Ого, сколько всего интересного и полезного в одном коротком видео 🤗

  • @AlibekKulseitov
    @AlibekKulseitov Год назад +23

    Совет от верстальщика: линию в таблице нужно называть row. А ячейки cell. table-row, table-cell. Шапку table head, тело table-body

    • @alexeybychkov_
      @alexeybychkov_  Год назад +3

      спасибо за совет

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

      так и сделала в течение урока

  • @SolovyovaValentina
    @SolovyovaValentina Год назад +3

    Привет Лёша! Спасибо за такую "фантастиш хук" как же всё стало удобно и понятно) теперь я знаю как делать таблицы👍👍 А линии я всегда рисую с помощью Line😊

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

    Шикарный ролик! Иду смотреть следующий и адаптивить таблицы!

  • @oradelight
    @oradelight Год назад +2

    Благодарочка!! Жду продолжения) Про лайфхак с копипастом отдельное🤗❤️

  • @lidiya.pilguy
    @lidiya.pilguy Год назад +2

    Спасибо большое за такой интересный ролик. Все чётко, ясно и понятно. Бегу повторять )) а за АЛ отдельное спасибо )

  • @mira_st
    @mira_st 5 месяцев назад

    Забираю новое знание про выравнивание по базовой линии! Спасибо за полезные ролики 🤩

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

    Как всегда огонь!!!!!!!!!!!!!!!!!💥💥💥

  • @user-kz1vs5fv9e
    @user-kz1vs5fv9e Год назад +2

    Спасибо за видео. Ждемс часть про адаптив этой таблички

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

    ❤‍🔥
    про линии не знала, спасибо

  • @user-bs7qx9ls8u
    @user-bs7qx9ls8u Год назад +1

    Это было очень полезно. ☺Пойду посмотрю остальные ролики.

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

    Обожаю автолайауты! Жить без них не могу)

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

    Какая классная программа для копирования контента, это же реально столько времени можно сэкономить 🤓

  • @user-gc2dm1zr2u
    @user-gc2dm1zr2u Год назад +14

    Ох капец... надеюсь я не одна, как нуб, конспектирую многие уроки Леши))) спасибо большое за видео на тему autolayout, потому что для меня это отдельная больная тема, но с каждым разом становится все понятнее и понятнее! Жду скорее 10 группу, чувствую будет много интересного)

    • @user-gc2dm1zr2u
      @user-gc2dm1zr2u Год назад +5

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

    • @alexeybychkov_
      @alexeybychkov_  Год назад +4

      быстро время пролетит)

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

      Не одна))

  • @kalinskyy1334
    @kalinskyy1334 Год назад +3

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

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

    Так интересно! Мне ещё так нравится, что ты даёшь ссылку на файлик для тренировки) спасибо тебе😊

  • @Pumka
    @Pumka Год назад +2

    Было очень полезно! Жду вторую часть очень очень

  • @user-xu9uw3sy3t
    @user-xu9uw3sy3t Год назад +1

    Наконец посмотрела!)
    Действительно, очень полезно и интересно)
    Жду вторую часть))

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

      уже лежит, скоро в открытом доступе будет

    • @user-xu9uw3sy3t
      @user-xu9uw3sy3t Год назад

      @@alexeybychkov_ ждууу 🔥

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

    Спасибо, очень полезно)
    Всегда использовала перо, но теперь пожалуй перейду на линию 😀

  • @user-hh9zj8hm4b
    @user-hh9zj8hm4b Год назад

    В основном пользуюсь линией)
    Автолейаут для меня - одна из самых сложных тем почему-то..поэтому пошла пробовать делать такую же таблицу))
    Спасибо за очередной полезный ролик про автолейаут!!

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

    Спасибо. Жду продолжение. Было полезно👍

  • @nastasiastl2831
    @nastasiastl2831 Год назад +2

    Вот только только делала таблицы и так намучилась. А всего навсего надо было подождать понедельника и посмотреть это классное видео)

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

    Супер, как всегда полезная и нужная информация. Ждем второй части.

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

    Классно! Жду продолжения!

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

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

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

    Очень полезно, супер понятно и потрясающе!!! Мильен сердец и хугов!!!!

  • @darriaaaaaaaaaaaaaaaaaaaaa5608

    Еее, спасибо за новое видео! Все супер полезно🔥

  • @makszakrzhevskyi6471
    @makszakrzhevskyi6471 Год назад +2

    очередная полезная полезность)) Спасибо, Леша!!!

  • @lenakot6118
    @lenakot6118 Год назад +2

    Как всегда супер 👍 Спасибо за еще одну полезную инфу🙏👍

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

    Ну вот: все просто, доступно и глявное понятно.👍 Мой куратор, на платных курсах, мисли излогает в формате: "...еммм... нуууу.... здесь надо смотреть.... еммм.. .нууу. вот тут все зависит от ситуации... еммм... нннууу." Иногда мне кажется Кличко(тот что мер Киева) более ясно мыслит.

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

      Эх)) спасибо за просмотр!

  • @ekatetina_srm
    @ekatetina_srm Год назад +2

    Очень полезное видео, спасибо) всегда в таких случаях пользуюсь line, теперь знаю разницу) И программка для вставки контента 🔥С нетерпением жду 2 часть!

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

    Офигенно полезно! Спасибо!👍❤

  • @user-js7ej2kw3o
    @user-js7ej2kw3o Год назад +2

    много видео про таблички не бывает😄спасибо! за подробное объяснение и наглядный пример) и за программу-буфер отдельная благодарность, как раз перешла на днях на мак, не знала, что есть такая полезная штука😍

  • @dariatukmakova
    @dariatukmakova 8 месяцев назад

    Легко и быстро! Браво)
    Пошла смотреть следующее видео

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

    Быстро, понятно и полезно! Все как обычно, очень рада, что когда-то встретила этот канал🥳

  • @user-vs5ct3no7q
    @user-vs5ct3no7q Год назад

    Кто еще сможет за такое короткое время лучше всех объяснить про автолейаут в таблицах? Никто, кроме Алексея Бычкова!) Спасибо огромное!

  • @user-rl5jp1hi2f
    @user-rl5jp1hi2f Год назад

    Супер полезно, ждём продолжение)

  • @maria.skm77
    @maria.skm77 Год назад +2

    Спасибо за очередной полезный и интересный ролик! Буду ждать продолжения)😍❤

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

    Суперполезный контент. Подробно, с объяснением логики каждого шага, доходчиво объяснить достаточно сложную тему (для меня, по крайней мере - ох, уж эти таблицы))) - это талант, Леша! Спасибо! Фишка с субтитрами - огонь)))

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

    Теперь у меня есть легендарное оружие по борьбе с таблицами, спасибо!))
    А по поводу линий/пера - использую перо в основном, когда нужно ломанные линии делать. Но меня бесит до искр из глаз нюанс, к примеру, когда делаешь рамку (он же прямоугольник), скажем с человеческой фигурой внутри, но нужно, чтобы голова вылазила из рамки, а для этого нужно разорвать рамку от головы в каждую сторону на 20-50 пкс для пущего эффекта. В таком случае делается рамка, добавляется на рамке в районе головы пером 3 точки и центральная удаляется, чтобы создать пустоту. И в этот момент линии в рамке, в котором всё начиналось с цельного пкс внутрь преобразовывается под принцип пера, которое ставит точку в середине линии. Т.е. вся моя рамка сдвигается в каждую сторона на 0,5 пкс, после чего мне нужно выравнивать её под сетку...
    БЕЕЕЕЕЕЕЕСИИИИИИИИТ!

  • @nekochano4ka
    @nekochano4ka Год назад +2

    Спасибо! Очень полезное видео!

  • @user-yo7dg8nm5f
    @user-yo7dg8nm5f Год назад +2

    Большое спасибо за твою работу, все интересно, полезно, информативно

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

    Видео супер-полезное, как и всегда, спасибо!

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

    Пока не посмотрела вторую часть - казалось, что не так уж и сложно :D Хорошего настоения, Лёша и спасибо за контент)

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

    Спасибо! Ещё нужен ролик, как делать большие таблицы на много строк и столбцов, как в экселе)

  • @zeyu3972
    @zeyu3972 Год назад +2

    Здравствуйте давайте продолжениеееееее🔥🔥

    • @alexeybychkov_
      @alexeybychkov_  Год назад +3

      там фигма обновилась, наверное через видео продолжение будет)

  • @user-gc6jk7nh2y
    @user-gc6jk7nh2y Год назад +1

    Супер полезно! Ждём адаптивы!

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

    Ждём вторую часть! Спасибо за классные ролики!
    Ещё бы классно с компонентами разобраться на таких примерах!

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

    Все круто! спасибо! жду продолжение

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

    Уууу !! Круто! Сейчас буду ещё раз пересматривать это видео. И жду уже второе ) с копированием на маке - круто ( хоть у меня и не мак) . И инфа о АЛ - всегда на вес золота! Спасибо большое!!!

    • @alexeybychkov_
      @alexeybychkov_  Год назад +2

      на винде тоже такое есть)

  • @user-os2un7jm1k
    @user-os2un7jm1k Год назад

    Алексей, спасибо вам за вашу работу! Все что вы говорите, очень полезно! :)

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

    Твой канал кладезь полезной информации🔥
    Очень нравится твоя подача информации - легко, понятно и не скучно🖖🏻

  • @user-el5rs7uy2w
    @user-el5rs7uy2w 5 месяцев назад

    Класс, все четко и понятно! Спасибо!👏

  • @user-uf2cz2pp1q
    @user-uf2cz2pp1q 2 месяца назад +2

    Лучшее объяснение по таблицам☝️🤓

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

    Всегда что-то новое в твоих видео узнаю)

  • @tatletds5918
    @tatletds5918 Год назад +2

    Очень полезное видео, спасибо)

  • @user-bs2ti8xx4h
    @user-bs2ti8xx4h Год назад +1

    Все ваши видосы полезны! Спасибо!

  • @YTukrkont
    @YTukrkont Год назад +2

    Очень полезно! Теперь решена проблема с тем, что линия не по сетке выходит) жду вторую часть!❤️‍🔥

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

    Теперь таблички это любимая тема в любых проектах) с АЛ и твоими видео ничего не страшно)

  • @stildesh7616
    @stildesh7616 Год назад +2

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

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

    Еее, таблицы - трепещущая и леденящая душу тема любого дизайнера. Больше! Нужно больше видео про таблицы! Особенно с использованием вариантов.

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

    Супер полезно! Спасибо большое) Счастья тебе, Человек!

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

    Спасибо за видео! Очень полезно, легко и доступно.

  • @user-xu9uw3sy3t
    @user-xu9uw3sy3t Год назад +1

    Еще не смотрела, но сразу лайк и знаю, что видео точно полезное:))