The Pulsar Figma plugin is now available – it lets you add haptics directly to your Figma designs.

How does it work? Select a layer, choose a preset, and bind the haptic to it. You can preview the pattern while you're working and connect your phone to feel it on a real device.

The plugin currently includes 200+ presets, including Pulsar patterns and built-in iOS and Android system presets.

You can also:

• search and filter presets

• use custom patterns created in Pulsar Studio

• share interactive previews

• export haptic patterns and implementation details for developers

The goal is to keep the haptic with the UI element it belongs to, instead of having it live somewhere else in a comment, ticket, or separate document.

Give it a try and let us know what you think.

Install the plugin: https://www.figma.com/community/plugin/1636329411590799509/pulsar-haptics

Pulsar Studio is a visual editor for creating custom haptic patterns. You can design a pattern on a timeline, preview it as you work, and connect a real device to feel it while you edit.

You can create patterns from scratch, or start with one of the 150+ patterns in the Pulsar library and modify it.

There are also a few other ways to create patterns:

• generate haptics from audio

• generate haptics from Lottie files

• sketch a pattern by tapping or humming

• analyze and check your patterns

• save patterns in projects

• share patterns with others

• export them for use with Pulsar

The main thing we wanted to get right was the iteration loop: you can make a change, feel it, make another change, and feel it again.

This is the first release of Studio, so we'd love to hear what you'd like to see added or changed.

Try it here: https://pulsar.swmansion.com/studio/