Checkbox Animation in XD | adobe XD Prototyping | adobe XD tutorial

In this tutorial, I show you to create a checkbox selection in XD.
Why do we use the checkbox?
The checkbox is used when we need to choose one or more options in the available options for example you choose hobbies in your resume, a number of skills, to choose more than one category, etc.
How do we create an animated checkbox in XD?
1. Design one checkbox component
2. create checkbox states
3. Go to prototype, set the properties, and set navigation from one state to another state
4. Repeat the grid
5. Set the name of options
#codingfoundation #adobexd #uiux #checkboxanimation #customcheckbox #checkboxcomponent #adobexdprototyping #autoanimation #listanimation #xdanimation #animationinxd #adobexdtutorial #dropdownlistanimation #scrolllistanimation #scrollbox #listbox #listgroupanimation #xdtutorial #uidesign #uxdesign #codingfoundation

[@CodingFoundation]

Like, share, and subscribe

[@chmuhammadmujtaba4111]

Good work
Please upload more videos like this.

[@vishalchanderkaushal]

Hello Designz Disk,
can we design a dropdown with checkbox list. and when I checked a Checkbox, the checked checkbox label should show in the Textfield and after that dropdown should be closed. after that again when I clicked on dropdown, then the already checked checkbox should be checked and A new checkbox can checked. and again dropdown will close. so like this both checked checkbox label should show in textfield. and when I try to un-check any of them that un-checkbox label should remove from textbox. can we do such thing in XD.

[@CodingFoundation]

Yes, this is possible. You can do by creating dropdown checkbox list and then creating different states and navigate these different state.
Watch list box animation video. I hope will help you.
ua-cam.com/video/KkLcOj4F4Xs/v-deo.html