Рет қаралды 144
interactive Spin Box UI Kit
figma file link : www.figma.com/community/file/...
In this video will see
How to create interactive Spin Box
how to create interactive add to cart button
how to create conditional add to cart button
date spin box
month spin box
day spin box
year spin box
figma local variable
figma variable mode
figma pass through layers
figma assign / apply variables
figma show/hide features
figma interactions
how to create figma component
how to use instant swap
how to create component set
how to use sections
how to use frame
figma reusable components
interactive Spin Box UI Kit
Designed with component property and variables
easy to use and customized as per needed
no need to add more interactions
component - easy drag and drop
Year Spin box having year from 2019 till 2024
As per needed easy to modify in prototype interaction just add from to till date, it will work smoothly.
Month Spin box from January till December
Day Spin box from Monday till Sunday
Date Spin box from 01st to 31st
Add To Cart Spin box -
First click on Add button then will see number spin box
Conditional Add to Cart
First click on Add button then will see number spin box
when the number reaches 5 it will show max order limit message
check these related videos:
spin box/spinner control using variable How to use variables and conditions in figma with examples.
• spin box/spinner contr...
#figmacomponents #figmatutorialforbeginners
#multiselect #dropdownlist #dropdownmenu #selected #components
#freefigmafile #figmavariables
See more figma files :-
Horizontal stacked bar chart -www.figma.com/community/file/...
Material column charts - www.figma.com/community/file/...
Positive Negative bar chart - www.figma.com/community/file/...
Stacked Column Chart - www.figma.com/community/file/...
Bar Chart - www.figma.com/community/file/...
Column chart - www.figma.com/community/file/...
Pagination - www.figma.com/community/file/...
Add Remove Row From Table - www.figma.com/community/file/...
Data Table With Row Selection And Deletion - www.figma.com/community/file/...
Table with Pagination controls - www.figma.com/community/file/...
Figma components -
Interactive Checkbox component - www.figma.com/community/file/...
Scroll Container with animated scrollbar component - www.figma.com/community/file/...
Multi Select Dropdown Widget - www.figma.com/community/file/...
Radio Button UI KIT - www.figma.com/community/file/...
Dropdown UI Kit - www.figma.com/community/file/...