Forms & Controls:
Wireframing Kit for Better Prototyping in Adobe XD

Forms & Controls:

Wireframing Kit for Better Prototyping in Adobe XD

In my experience, there are very few digital projects that do not involve the creation of a form of some kind. And there is no reason why we should as designers have to re-create these form components over and over again. It's a waste of your time, time that can be better spent solving actual design problems.

As I have mentioned before when sharing Typography & Base component, my existing Illustrator wireframing assets are, per project basis, converted and recreated one by one. So let me share with you my common form and standard controls components. Use them as you see fit, and I will keep sharing small kits as I have them converted moving forward. Oh, and please check back for more.

Enjoy! ヾ^_^

Included in this kit

1. Buttons

Tiny, Small, Medium and Large Buttons. Button Dropdowns and Button Groups.
Tiny, Small, Medium and Large Buttons. Button Dropdowns and Button Groups,

2. Slides

Standard, progress and disabled slides.
Standard, progress and disabled slides.

3. Switches

Standard, alternative and disabled switches.
Standard, alternative and disabled switches.

4. Checkboxes & Radio Buttons

Checked and unchecked checkboxes. Selected and unselected radio buttons.
Checked and unchecked checkboxes. Selected and unselected radio buttons.

5. Forms

Select menus, text input, label, help text, success, error, text input with inline button, textarea with a label.
Select menus, text input, label, help text, success, error, text input with inline button, textarea with a label.

6. Modal Window

Modal Window with information.
Modal Window with information. The text includes a timeframe for expected response, according to best practices.

Enjoy! ヾ^_^


More Wireframing Kits for Prototyping in Adobe XD


Get this sent to your inbox

Let us share our thinking, opinions, practices, valuable resources and everything else that is happening at Studio Elsa.