Figma: Таблицы из компонентов. Блицкриг. Table.
HTML-код
- Опубликовано: 25 июл 2019
- #figma #components #tips
ТЕМА УРОКА:
Делаем настраиваемые таблицы из одного или из нескольких компонентов.
ВАЖНОЕ:
Tables
www.figma.com/file/r3abkTxv2y...
-----
👍 Поддержать канал: / zendesigner
Единственное видео...по которому ВСЕ понятно!!!!Темп голоса нормальный , речь, и все этапы показаны и озвучены ГОЛОСОМ!Казалось бы это детали....но как важно , когда ни разу не делал этот элемент (таблицы) в фигме!Виктор, большое спасибо!!!!!
Спасибо ! быстро, удобно , доступно!
Вот это красотища! Благодарю, сенсей!
Заходите!
Спасибо за урок! Очень доступно объясняете
Спасибо за урок! Круто
Благодарю!
Очень полезная инфа!
Александр Носач устаревшая только. В свете выхода плагинов.
"Вставим Фигме пистон" (: Класс! Благодарю...
класс! спасибо Вам!
На здоровье )
Спасибо!
фоновая музыка огонь
ruclips.net/video/qZ4viw55JbQ/видео.html
Дед хорош каэш, но медленный. Респект деду!
Годно!
Да, хотелось бы больше видосов по spline
Намасте! Не хватает вида клавиатурных нажатий. Например не совсем сообразил как выделяются отдельно текст в ячейках (для контроля выключки), оказалось с зажатым Ctrl(ом).
спасибо!)
🙏
офигенно , конечно, выделяем и конвертируем в компонент , прикольно конечно, а какие кнопки нажимать?
Согласен, объективно если уже сел записывать видеообзоры, то надо объяснять с клавишами, по горячим клавишам не все шарят.
Почти всё получилось! Спасибо) Только текстовые блоки пляшут (разные отступы текстового блока от границ фрейма) при изменении ширины дочернего фрейма
Рекомендую посмотреть видео посвежее. У меня есть про таблицы на автолейаутах
снимаю шляпу перед автором! браво!
осторожно! Это старое видео. Автолейауты многое поменяли.
Большое спасибо!!!! очень удобный и простой метод!!! Виктор вы как всегда красавчик!!!
Скажите пожалуйста, что за приятная музыка играет фоном в ролике. Шазам мне не помог, надеюсь вы откроете тайну)
А вот она ruclips.net/video/qZ4viw55JbQ/видео.html
а нет ) Ошибся
К сожалению не могу сейчас поднять архивы..
всё классно, спасибо.
Только почему-то линии не привязались к фрейму, фрейм и текст сами по себе увеличиваются, а линии стоят на месте. Объединение не помогает, разобраться бы
Это очень старый гайд. Многое поменялось в Figma
Привет! Спасибо за отличные уроки. Не могли ли бы вы подсказать, можно ли создать компонент ячейки при масштабировании которого, текст внутри нее сохранял бы одинаковые отступы до внешних границ самой ячейки (padding). То есть если задать значение в 8px по всем сторонам, то и при масштабировании компонента отступы остались бы такими же. Большое спасибо
Вот так нужно настроить привязки для текстового блока i.imgur.com/gnuaVsj.png
Так же советую посмотреть плагин Table Generator. Это видео снято до выхода плагинов.
@@zen-designer низкий поклон)
@@zen-designer результаты плагина Table generator можно связать с Google таблицей?
@@litvin23 на канале есть видео 🔥 Плагин для Figma Google Sheets Sync. Боевое крещение. [Фигма уроки]
@@zen-designer запустил и не работает. А потом понял причину - название давал не слоям, а фреймам. Вам спасибо за подсказку.
Можно новое видео про таблицы на auto layout + variants ?
Да. Пора бы. Но сейчас совсем нет времени (
Спасибо! подскажите как включить видимость красным отступов в px, как на 1:36 минуте?
Удерживать Alt
А, как сделать из двух столбцов одну слитную строку, если таблица не из компонентов?
Делать эксель в фигме это как в Майнкрафте калькулятор собирать.
Скажите пожалуйста, на сайте гугла есть вот такая таблица по типографике - bit.ly/2ZBkPYS
Взял с вот это страницы - bit.ly/2yvKpng
Когда выравниваю текстовые блоки по левому краю, они становятся по "Рамке". Из за этого визуально буквы с разным начертанием и размером находятся на разном расстоянии относительно левого края.
Вот скриншоты - bit.ly/2yrKkAR
Как они делали эту таблицу, похожим способом как у Вас на видео?
С желтым фоном у них картинка. Думаю там дизайнер руками всё подвигал. А вот это живая вёрстка у них. И там всё как и должно быть i.imgur.com/IYDShqQ.png
@@zen-designer большое спасибо!
А когда текст не вмещается в одну строку ячейки?
Это старенькое видео. Теперь есть автолейауты и таблицы можно собирать на них
очень душно, но спасибо
Спасибо!