used Figma
Designed a New Component
Designed for UI Challenge
+1

Design components


Designed 3 components for the day:
  • Toggle
  • Button 
  • Inputs

The nested component for the Newsletter subscription can then use the button and input components.


I used smart animate, auto layout, interactive components to achieve the desired functioning of the components


Roadblocks

  • I have set up the interactive components for buttons and inputs. After creating the newsletter nested component, facing some issues with the interactive components prototyping. It seems that the latest state of the components is preserved in the nested components.
  • The loading spinner animation is not working with smart animate.
  • The smart animation of the button filling up the entire space after the input disappears is not working as expected.