Link Design System - Fields

Daily Design #4
Working on creating variable and responsive components with Figma's new auto layout and variable features.

Todays shot is of the Field Input variable component for the Link Design System. The field itself contains all of the variations that we need, as well as support for an icon on either the right or left. It also has hint text that can be enabled, that updated for our error state.
It is also built with the new Auto layout features, and is responsive.
I use this in a stack of other fields to quickly create forms in figma in a way that doesnt require me to fine-tune their spacing and padding every time we make a change. It's wonderful!

Posted on Jan 17, 2021

More by Hunter Paramore

View profile