prototype with interactions

Right now it’s all about design and prototyping. I’m figuring out how to simulate interactions in figma – like hover states, displaying tooltips, modal popups, animations, vertical scrolling, and so on. Here are my notes for figma to create a simple button:

Button

  • use a frame for a button rectangle shape
  • add text, apply auto-layout
  • create a new component
  • add a variant (e.g. hover-state)
  • switch to prototype
  • add an interaction
  • now your component can be find in assets/library
  • add component to your page
  • watch your prototype in action


Comments

Leave a Reply

Your email address will not be published. Required fields are marked *