# Figma

You can add haptic feedback to your Figma prototypes using the Hapticlabs Mobilde app and Figma plugin

Hapticlabs Mobile
Experience haptified Figma prototypes
Figma Plugin
Simply add, adjust and toggle haptics inside Figma prototypes
Figma Playground file
Interactive Tutorial and samples

# Key Features

  • Native Integration: Add haptic feedback to any click interaction at both frame and component levels
  • Simple Interface: Easily add, configure, or toggle haptics in existing prototypes
  • Cross-Platform Support: Works seamlessly on both iOS and Android devices
  • Custom Effects: Create and use personalized haptic patterns designed in Hapticlabs Studio

# Getting Started

  1. Select any frame or component in your prototype
  2. Add an 'Open Link' action and enter the name of a sample or custom track
  3. Open the Hapticlabs plugin from the Plugins menu
  4. Cope and paste the Prototype- or Flow-Link of the desired Frame
  5. Scan the QR Code with your phone and experience haptics

# Creating Custom Effects

For more control over your haptic feedback:

  1. Design custom haptic patterns in Hapticlabs Studio
  2. Upload them to your phone by hitting play in Hapticlabs Studio or via Menu - Device - Upload Project To Device
  3. Reference the track name in the 'Open Link‘ action

# Compatibility

  • Works with iOS devices (iPhone 8 and newer)
  • Works with Android devices with haptic capability

# Support and Resources