Actions

Introduction to the Add Action widget

Learn the basics of adding triggers and actions to your design elements, allowing you to build fully featured apps and websites.

Adding an action

To add an action:

  1. Select a layer from your Figma file. You can select:
  • A single element, such as a shape, text or vector
  • A group or frame
  1. Choose an action: Decide what will happen when your element is clicked
  1. Adjust settings: You can further define more details for the action.
Change page
Open URL (External)

Write notes

These notes will show as comments inside the code base.

Auto sync with Figma prototype links

If you have already created prototype interactions on your design, Locofy also does a two-way sync with your Figma prototype links.

These are the Figma prototype interactions that Locofy currently syncs with:

Triggers:

  1. On click

Actions:

  1. Scroll to
  2. Open link
  3. Navigate to
  4. Open overlay
  5. Close overlay