Cordier — Figma → Framer Exporter
Figma → Framer via code components. Layout + motion preserved
Plugin Preview
About this plugin
Convert Figma designs into production-ready Framer via Code Components instantly.
Cordier is an advanced exporter for Framer, handling complex layouts, Smart Animate transitions, and interactive components with zero manual cleanup.
How it works:
Select any frame or component in Figma.
Run the Cordier plugin.
Paste the generated code directly into Framer under Assets -> Code.
Why use Cordier?
- Smart Animate Support: Accurately translates Smart Animate interactions into Framer motion.
- Responsive Layouts: Automatically converts Auto Layout into responsive Framer Stacks.
- Zero Cleanup: Generates clean, semantic React code that just works.
Get started for free with our Hobby plan, which includes 10 full exports
every month. For unlimited exports and advanced batch processing features, you can upgrade to Studio at any time.
Learn more and manage your account at https://www.cordier.cc/
Plugin Details
| Version | 10 |
|---|---|
| Created | December 28, 2025 |
| Last Updated | December 30, 2025 |
| Category | Software development |
| Creator | BilalA5 |
| Stats | 1 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Network Access:
API access
- Editor Types:figma
- Allowed Domains:
- http://localhost:3000
- https://cordier.cc
- https://www.cordier.cc
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.