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

  Рет қаралды 4,201

Дизайн душнила

Дизайн душнила

Жыл бұрын

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

Пікірлер: 22
@vkhaps
@vkhaps 8 ай бұрын
Привет) Еще пару месяцев назад хотел начать использовать этот способ. На первый взгляд это удобно, ведь мы сильно уменьшаем количество вариантов в компоненте. Но... Облегчая таким образом компонент, мы нагружаем сами макеты, так как boolean просто скрывает слои И если в первом варианте кнопки у нас 2 слоя (текст+фрейм), то с boolean их будет минимум 4 (текст+иконка+иконка+фрейм) Для себя сделал вывод, что на больших проектах, такой способ лучше не использовать
@vallerqq
@vallerqq Ай бұрын
Это точно, слоёв получаеться намного больше, и 2Gb Figmы не хватает
@alexeykazansky6130
@alexeykazansky6130 Жыл бұрын
Классная идея, я правда обновился) Полезность❤‍🔥
@tamazkhubulov864
@tamazkhubulov864 Жыл бұрын
наконец годный контент по фигме🔥
@dushnyj_design
@dushnyj_design Жыл бұрын
Спасибо. Постараюсь держать планку ❤
@janpijam
@janpijam 7 ай бұрын
Такой большой микрофон и такой тихий звук)
@dushnyj_design
@dushnyj_design 7 ай бұрын
гиперкомпенсация голоса)
@anastasiya_voinich
@anastasiya_voinich 2 ай бұрын
Большое спасибо!
@websanya
@websanya Жыл бұрын
А вот это, конечно, круто!
@user-hl2el5cz8e
@user-hl2el5cz8e Ай бұрын
добрый день. переместил проект в фигме в team projects и не могу его редактировать, как теперь его вернуть в режим редактирования?
@justmur05
@justmur05 2 ай бұрын
ппц чувак спасибо за видео конечно но во дворе не 2010 год чтоб слушать как ты тихо говоришь с огромным микрофоном)
@dushnyj_design
@dushnyj_design 2 ай бұрын
А прикинь как бы тихо я в 2010 говорил…
@andreas8999
@andreas8999 11 ай бұрын
Ниче не понял. Вроде обычные варианты как и всегда )) завтра протестирую что не так
@dushnyj_design
@dushnyj_design 11 ай бұрын
Ну что? Всё так или всё не так?)
@aaajjjj911
@aaajjjj911 Жыл бұрын
Привет Саш, включаю душного! Смотри, я хочу в прототип мобилки засунуть кнопку с анимированными градиентами по клику так чтобы она при клике не только запускала анимацию но и вела по ссылке на другой фрейм. Сейчас или навигация и показ какая будет клевая анимация на отдельном экране из кнопок, или прототип как презентация с делеями без интерактива. Можно победить, как думаешь?
@dushnyj_design
@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
@aaajjjj911 Жыл бұрын
@@dushnyj_design Спасибо! Да, второй близко, в первом же там просто реверс градиента со смарт-анимацией(?) у меня кнопка изначально чистым цветом залита, а во второй думаю можно же и разных шейпов накидать с лейер блюром и будет вообще балдеж. Направление с подложкой и абсолютными позициями кажется верным, пойду копать!
@dushnyj_design
@dushnyj_design Жыл бұрын
@@aaajjjj911 Давай да удачи :) потом мб запишу ролик про анимацию. Тут случай узкий будет, но как часть контента почему бы и нет)
@Philipp-Batus
@Philipp-Batus 8 ай бұрын
Ору что чувак сидит с огромным микрофоном и я ниче не слышу чо вообще он говорит
@dushnyj_design
@dushnyj_design 8 ай бұрын
Чем больше микрофон, тем тише голос. Вообще я уже эту проблему решил, но новых видео ещё не выпускал :) в след раз будет лучше, обещаю 😅
@allashvedova4031
@allashvedova4031 6 ай бұрын
А где же видео про текст?
@dushnyj_design
@dushnyj_design 6 ай бұрын
А напомните, про что именно я обещал сделать видео и не сделал?
Переменные в Фигме
37:40
Disarto
Рет қаралды 16 М.
😱СНЯЛ СУПЕР КОТА НА КАМЕРУ⁉
00:37
OMG DEN
Рет қаралды 1,8 МЛН
Мы играли всей семьей
00:27
Даша Боровик
Рет қаралды 3,3 МЛН
Trágico final :(
01:00
Juan De Dios Pantoja
Рет қаралды 17 МЛН
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
Ricardo Costa
Рет қаралды 153 М.
Автолейауты, компоненты и варианты в фигме 2023-2024| Как работать в фигме быстро
27:35
Катя Макеева про веб-дизайн | Академия Practicult
Рет қаралды 48 М.
Фигма уроки: 50+ фишек Figma в 2023 (плагины, маски, шорткаты)
52:02
Figma Tutorial: Use Figma Variables Like a Pro (+ Practice File)
30:30
DesignWithArash
Рет қаралды 247 М.