Уменьшаем количество вариантов в компонентах Figma (Boolean в вариантах)
HTML-код
- Опубликовано: 3 май 2023
- В этом видео рассказываю о том, как работают Boolean (Булевые переменные) в Figma. Будет небольшой экскурс в историю того, как делали раньше и что можно делать сейчас.
Конечно, можно усложнить и использовать наследуемые значения, но я показываю ещё один способ уменьшения вариативности компонентов.
Не забудьте подписаться и показать видео друзьям ;)
Привет)
Еще пару месяцев назад хотел начать использовать этот способ. На первый взгляд это удобно, ведь мы сильно уменьшаем количество вариантов в компоненте. Но... Облегчая таким образом компонент, мы нагружаем сами макеты, так как boolean просто скрывает слои
И если в первом варианте кнопки у нас 2 слоя (текст+фрейм), то с boolean их будет минимум 4 (текст+иконка+иконка+фрейм)
Для себя сделал вывод, что на больших проектах, такой способ лучше не использовать
Это точно, слоёв получаеться намного больше, и 2Gb Figmы не хватает
Классная идея, я правда обновился) Полезность❤🔥
наконец годный контент по фигме🔥
Спасибо. Постараюсь держать планку ❤
А вот это, конечно, круто!
Большое спасибо!
Такой большой микрофон и такой тихий звук)
гиперкомпенсация голоса)
ппц чувак спасибо за видео конечно но во дворе не 2010 год чтоб слушать как ты тихо говоришь с огромным микрофоном)
А прикинь как бы тихо я в 2010 говорил…
Ниче не понял. Вроде обычные варианты как и всегда )) завтра протестирую что не так
Ну что? Всё так или всё не так?)
Привет Саш, включаю душного! Смотри, я хочу в прототип мобилки засунуть кнопку с анимированными градиентами по клику так чтобы она при клике не только запускала анимацию но и вела по ссылке на другой фрейм. Сейчас или навигация и показ какая будет клевая анимация на отдельном экране из кнопок, или прототип как презентация с делеями без интерактива. Можно победить, как думаешь?
Привет Лёш :) надеюсь что верно понял твой вопрос.
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х фреймов со смарт-анимацией. Ты скорее всего говорил про второй. Если это он, то там просто прямоугольник подложен под кнопку и абсолютными позициями перемещается при нажатии, а внутри градиентная заливка.
@@dushnyj_design Спасибо! Да, второй близко, в первом же там просто реверс градиента со смарт-анимацией(?) у меня кнопка изначально чистым цветом залита, а во второй думаю можно же и разных шейпов накидать с лейер блюром и будет вообще балдеж. Направление с подложкой и абсолютными позициями кажется верным, пойду копать!
@@aaajjjj911 Давай да удачи :) потом мб запишу ролик про анимацию. Тут случай узкий будет, но как часть контента почему бы и нет)
А где же видео про текст?
А напомните, про что именно я обещал сделать видео и не сделал?
Ору что чувак сидит с огромным микрофоном и я ниче не слышу чо вообще он говорит
Чем больше микрофон, тем тише голос. Вообще я уже эту проблему решил, но новых видео ещё не выпускал :) в след раз будет лучше, обещаю 😅