Prototype Physics

About this plugin

# Prototype Physics**Tune & apply real spring physics to your Figma prototype transitions.**Figma's default prototype easings (Ease In/Out, Linear, Gentle…) get the job done, but they don't *feel* native. Prototype Physics gives you a live spring tuner — drag a card to feel the motion, dial in stiffness/damping/mass with sliders, and apply that exact spring to your selected frames' prototype reactions with one click.When you play your prototype, the transitions use **your** custom spring. Not Figma's defaults.---## How it works1. **Drag the card** in the preview stage — release to feel the spring.2. **Tune the 3 sliders** (Stiffness, Damping, Mass) until it feels right. Or start from one of the 7 named presets: Gentle · Default · Snappy · Bouncy · Wobbly · Smooth · Heavy.3. **Select frames in Figma** that have prototype reactions (or select 2+ frames so the plugin can create one for you).4. **Click Apply spring** — the plugin writes your spring values into the reactions' `CUSTOM_SPRING` easing.5. **Press ▶ Present** in Figma — your prototype now animates with your custom spring.---## What it does, exactly- Reads your current selection's prototype reactions.- Replaces each transition's easing with a `CUSTOM_SPRING` configured with your tuned `stiffness`, `damping`, and `mass`.- For frames without reactions yet, optionally creates a new reaction between them (you pick the trigger: click, drag, or press).- Exports your spring as ready-to-paste **React + framer-motion** code, an approximate **CSS** cubic-bezier, or raw **JSON**.---## Why use it- **No more generic easings.** Get the same native-feel motion as iOS / Android / Framer apps, directly in your Figma prototypes.- **Live preview.** Tune the spring with instant 60fps feedback before committing it to your frames.- **Designer-to-dev handoff.** The exact same `stiffness`/`damping`/`mass` you tuned ship to your devs via the code export. No translation loss.- **7 starting presets** that cover the full spring spectrum, from ultra-smooth to wobbly to weighty.---## Features- 🎚️ **Live spring preview** — drag-and-release stage at 60fps- 🧪 **7 starting presets** — Gentle, Default, Snappy, Bouncy, Wobbly, Smooth, Heavy- 🎯 **Smart selection detection** — updates existing reactions or creates new chained ones- ⚙️ **Trigger pick** — On click / On drag / On press for newly created reactions- 📋 **Code export** — React (framer-motion), CSS, JSON- 🌍 **10 languages** — English, Français, Español, Deutsch, Italiano, Português, Nederlands, 日本語, 中文, 한국어- 🌓 **Light & dark theme** — auto-saved per user- 💾 **Remembers your last spring** between sessions---## Privacy- No network calls. The plugin runs entirely locally inside Figma.- Your spring values, theme, and language are stored in `figma.clientStorage` (per-user, scoped to this plugin only).- No analytics, no telemetry.---## AboutBuilt by **Sedra RABEMANANTSOA**, UX/UI Designer from École 42. If this plugin saves you time, I'd love to hear about it. I'm also available for freelance Dev / UX/UI projects — feel free to reach out on [LinkedIn](https://www.linkedin.com/in/sedra-rabemanantsoa/).Also check out my other free Figma plugin: [Markdown → Figma](https://www.figma.com/community/plugin/1577586353345859855).---**Free. No account. No tracking.** Just real spring physics for your prototypes.