Figma: Таблицы из компонентов. Блицкриг. Table.

  Рет қаралды 32,447

Виктор Теплов

Виктор Теплов

4 жыл бұрын

#figma #components #tips
ТЕМА УРОКА:
Делаем настраиваемые таблицы из одного или из нескольких компонентов.
ВАЖНОЕ:
Tables
www.figma.com/file/r3abkTxv2y...
-----
👍 Поддержать канал: / zendesigner

Пікірлер: 53
@user-jm9sc2tb2u
@user-jm9sc2tb2u Жыл бұрын
Единственное видео...по которому ВСЕ понятно!!!!Темп голоса нормальный , речь, и все этапы показаны и озвучены ГОЛОСОМ!Казалось бы это детали....но как важно , когда ни разу не делал этот элемент (таблицы) в фигме!Виктор, большое спасибо!!!!!
@anarmakarov6158
@anarmakarov6158 4 жыл бұрын
Спасибо ! быстро, удобно , доступно!
@Joker-lz3bg
@Joker-lz3bg 4 жыл бұрын
Вот это красотища! Благодарю, сенсей!
@zen-designer
@zen-designer 4 жыл бұрын
Заходите!
@user-hy9tb9ce1p
@user-hy9tb9ce1p Жыл бұрын
Спасибо за урок! Очень доступно объясняете
@user-dx2hk8vi4f
@user-dx2hk8vi4f 4 жыл бұрын
Спасибо за урок! Круто
@zen-designer
@zen-designer 4 жыл бұрын
Благодарю!
@Illofillion
@Illofillion 3 жыл бұрын
"Вставим Фигме пистон" (: Класс! Благодарю...
@NoseNose65
@NoseNose65 4 жыл бұрын
Очень полезная инфа!
@zen-designer
@zen-designer 4 жыл бұрын
Александр Носач устаревшая только. В свете выхода плагинов.
@lepermessia4
@lepermessia4 3 жыл бұрын
Годно!
@koguanany1
@koguanany1 3 жыл бұрын
Спасибо!
@emperor66613
@emperor66613 3 жыл бұрын
Дед хорош каэш, но медленный. Респект деду!
@viktoriaaleks6272
@viktoriaaleks6272 4 жыл бұрын
класс! спасибо Вам!
@zen-designer
@zen-designer 4 жыл бұрын
На здоровье )
@asyaspiller1891
@asyaspiller1891 3 жыл бұрын
фоновая музыка огонь
@zen-designer
@zen-designer 3 жыл бұрын
kzfaq.info/get/bejne/p8BkqcyompuukoU.html
@user-ey7lq3ij6v
@user-ey7lq3ij6v Жыл бұрын
Намасте! Не хватает вида клавиатурных нажатий. Например не совсем сообразил как выделяются отдельно текст в ячейках (для контроля выключки), оказалось с зажатым Ctrl(ом).
@vs_zone
@vs_zone 3 жыл бұрын
Да, хотелось бы больше видосов по spline
@alsoualsou9
@alsoualsou9 3 жыл бұрын
спасибо!)
@stagemanagementinc5677
@stagemanagementinc5677 3 жыл бұрын
🙏
@maximanec
@maximanec 2 жыл бұрын
офигенно , конечно, выделяем и конвертируем в компонент , прикольно конечно, а какие кнопки нажимать?
@MrMaksimi4
@MrMaksimi4 Жыл бұрын
Согласен, объективно если уже сел записывать видеообзоры, то надо объяснять с клавишами, по горячим клавишам не все шарят.
@user-ql1vz6rs7j
@user-ql1vz6rs7j 4 жыл бұрын
Привет! Спасибо за отличные уроки. Не могли ли бы вы подсказать, можно ли создать компонент ячейки при масштабировании которого, текст внутри нее сохранял бы одинаковые отступы до внешних границ самой ячейки (padding). То есть если задать значение в 8px по всем сторонам, то и при масштабировании компонента отступы остались бы такими же. Большое спасибо
@zen-designer
@zen-designer 4 жыл бұрын
Вот так нужно настроить привязки для текстового блока i.imgur.com/gnuaVsj.png Так же советую посмотреть плагин Table Generator. Это видео снято до выхода плагинов.
@user-ql1vz6rs7j
@user-ql1vz6rs7j 4 жыл бұрын
@@zen-designer низкий поклон)
@litvin23
@litvin23 3 жыл бұрын
@@zen-designer результаты плагина Table generator можно связать с Google таблицей?
@zen-designer
@zen-designer 3 жыл бұрын
@@litvin23 на канале есть видео 🔥 Плагин для Figma Google Sheets Sync. Боевое крещение. [Фигма уроки]
@litvin23
@litvin23 3 жыл бұрын
@@zen-designer запустил и не работает. А потом понял причину - название давал не слоям, а фреймам. Вам спасибо за подсказку.
@mariafokanova3388
@mariafokanova3388 3 жыл бұрын
Почти всё получилось! Спасибо) Только текстовые блоки пляшут (разные отступы текстового блока от границ фрейма) при изменении ширины дочернего фрейма
@zen-designer
@zen-designer 3 жыл бұрын
Рекомендую посмотреть видео посвежее. У меня есть про таблицы на автолейаутах
@leonid6600
@leonid6600 3 жыл бұрын
Большое спасибо!!!! очень удобный и простой метод!!! Виктор вы как всегда красавчик!!! Скажите пожалуйста, что за приятная музыка играет фоном в ролике. Шазам мне не помог, надеюсь вы откроете тайну)
@zen-designer
@zen-designer 3 жыл бұрын
А вот она kzfaq.info/get/bejne/p8BkqcyompuukoU.html
@zen-designer
@zen-designer 3 жыл бұрын
а нет ) Ошибся
@zen-designer
@zen-designer 3 жыл бұрын
К сожалению не могу сейчас поднять архивы..
@user-kg5xc3io5v
@user-kg5xc3io5v 6 ай бұрын
А, как сделать из двух столбцов одну слитную строку, если таблица не из компонентов?
@elinarzayeva8595
@elinarzayeva8595 10 ай бұрын
всё классно, спасибо. Только почему-то линии не привязались к фрейму, фрейм и текст сами по себе увеличиваются, а линии стоят на месте. Объединение не помогает, разобраться бы
@zen-designer
@zen-designer 10 ай бұрын
Это очень старый гайд. Многое поменялось в Figma
@yakiimowald
@yakiimowald 3 жыл бұрын
Можно новое видео про таблицы на auto layout + variants ?
@zen-designer
@zen-designer 3 жыл бұрын
Да. Пора бы. Но сейчас совсем нет времени (
@SvetlanaDavydova
@SvetlanaDavydova 2 жыл бұрын
Спасибо! подскажите как включить видимость красным отступов в px, как на 1:36 минуте?
@zen-designer
@zen-designer 2 жыл бұрын
Удерживать Alt
@user-yn9cn7gc1d
@user-yn9cn7gc1d 3 жыл бұрын
снимаю шляпу перед автором! браво!
@zen-designer
@zen-designer 3 жыл бұрын
осторожно! Это старое видео. Автолейауты многое поменяли.
@anton_youtube_1
@anton_youtube_1 4 жыл бұрын
Скажите пожалуйста, на сайте гугла есть вот такая таблица по типографике - bit.ly/2ZBkPYS Взял с вот это страницы - bit.ly/2yvKpng Когда выравниваю текстовые блоки по левому краю, они становятся по "Рамке". Из за этого визуально буквы с разным начертанием и размером находятся на разном расстоянии относительно левого края. Вот скриншоты - bit.ly/2yrKkAR Как они делали эту таблицу, похожим способом как у Вас на видео?
@zen-designer
@zen-designer 4 жыл бұрын
С желтым фоном у них картинка. Думаю там дизайнер руками всё подвигал. А вот это живая вёрстка у них. И там всё как и должно быть i.imgur.com/IYDShqQ.png
@anton_youtube_1
@anton_youtube_1 4 жыл бұрын
@@zen-designer большое спасибо!
@Blaqzaq
@Blaqzaq 3 жыл бұрын
А когда текст не вмещается в одну строку ячейки?
@zen-designer
@zen-designer 3 жыл бұрын
Это старенькое видео. Теперь есть автолейауты и таблицы можно собирать на них
@Cocalexa
@Cocalexa Жыл бұрын
очень душно, но спасибо
@emperor66613
@emperor66613 3 жыл бұрын
Делать эксель в фигме это как в Майнкрафте калькулятор собирать.
@mialii7940
@mialii7940 6 ай бұрын
Спасибо!
AutoLayout и компоненты в Фигме: как настраивать графики
12:34
Alexey Bychkov: веб-дизайн и фриланс
Рет қаралды 24 М.
Правила дизайна таблиц
11:25
Школа дизайна Яна Агеенко. Бесплатные уроки, курсы
Рет қаралды 8 М.
Her Birthday Was Ruined 😰😩 He Created A Trap For Her🙀
00:40
Giggle Jiggle
Рет қаралды 6 МЛН
Stupid man 👨😂
00:20
Nadir Show
Рет қаралды 25 МЛН
Не пей газировку у мамы в машине
00:28
Даша Боровик
Рет қаралды 3 МЛН
GADGETS VS HACKS || Random Useful Tools For your child #hacks #gadgets
00:35
Figma Components
36:26
Disarto
Рет қаралды 89 М.
Правильные чекбоксы в веб-дизайне. Уроки Figma: #домавместе делаем checkbox
11:47
Графики и таблицы с Figma Auto-layout
48:25
Productivity | Zettelkasten в Notion
13:23
Виктор Теплов
Рет қаралды 57 М.
Уроки Figma | Пуленепробиваемые иконки. [Фигма]
20:58
Productivity | Obsidian. Обзор новинок и советы.
11:33
Виктор Теплов
Рет қаралды 45 М.
Her Birthday Was Ruined 😰😩 He Created A Trap For Her🙀
00:40
Giggle Jiggle
Рет қаралды 6 МЛН