Уменьшаем количество вариантов в компонентах Figma (Boolean в вариантах)

Подписаться 303

Просмотров 4,2 тыс.

50% 1

В этом видео рассказываю о том, как работают Boolean (Булевые переменные) в Figma. Будет небольшой экскурс в историю того, как делали раньше и что можно делать сейчас.
Конечно, можно усложнить и использовать наследуемые значения, но я показываю ещё один способ уменьшения вариативности компонентов.
Не забудьте подписаться и показать видео друзьям ;)

Опубликовано:

3 май 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 22

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

Привет) Еще пару месяцев назад хотел начать использовать этот способ. На первый взгляд это удобно, ведь мы сильно уменьшаем количество вариантов в компоненте. Но... Облегчая таким образом компонент, мы нагружаем сами макеты, так как boolean просто скрывает слои И если в первом варианте кнопки у нас 2 слоя (текст+фрейм), то с boolean их будет минимум 4 (текст+иконка+иконка+фрейм) Для себя сделал вывод, что на больших проектах, такой способ лучше не использовать

@vallerqq Месяц назад

Это точно, слоёв получаеться намного больше, и 2Gb Figmы не хватает

@alexeykazansky6130 Год назад

Классная идея, я правда обновился) Полезность❤‍🔥

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

Такой большой микрофон и такой тихий звук)

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

гиперкомпенсация голоса)

@websanya Год назад

А вот это, конечно, круто!

@anastasiya_voinich 2 месяца назад

Большое спасибо!

@tamazkhubulov864 Год назад

наконец годный контент по фигме🔥

@dushnyj_design Год назад

Спасибо. Постараюсь держать планку ❤

@user-hl2el5cz8e Месяц назад

добрый день. переместил проект в фигме в team projects и не могу его редактировать, как теперь его вернуть в режим редактирования?

@justmur05 2 месяца назад

ппц чувак спасибо за видео конечно но во дворе не 2010 год чтоб слушать как ты тихо говоришь с огромным микрофоном)

@dushnyj_design 2 месяца назад

А прикинь как бы тихо я в 2010 говорил…

@andreas8999 11 месяцев назад

Ниче не понял. Вроде обычные варианты как и всегда )) завтра протестирую что не так

@dushnyj_design 11 месяцев назад

Ну что? Всё так или всё не так?)

@aaajjjj911 Год назад

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

@dushnyj_design Год назад

Привет Лёш :) надеюсь что верно понял твой вопрос. www.figma.com/proto/43ZS5zGeDEMemIfxgK3OHL/Untitled?page-id=0%3A1&type=design&node-id=1-21&viewport=305%2C592%2C1&scaling=scale-down&starting-point-node-id=1%3A21&show-proto-sidebar=1 Можешь глянуть тут 2 варианта. Каждый сделан из 2х фреймов со смарт-анимацией. Ты скорее всего говорил про второй. Если это он, то там просто прямоугольник подложен под кнопку и абсолютными позициями перемещается при нажатии, а внутри градиентная заливка.

@aaajjjj911 Год назад

@@dushnyj_design Спасибо! Да, второй близко, в первом же там просто реверс градиента со смарт-анимацией(?) у меня кнопка изначально чистым цветом залита, а во второй думаю можно же и разных шейпов накидать с лейер блюром и будет вообще балдеж. Направление с подложкой и абсолютными позициями кажется верным, пойду копать!

@dushnyj_design Год назад

@@aaajjjj911 Давай да удачи :) потом мб запишу ролик про анимацию. Тут случай узкий будет, но как часть контента почему бы и нет)