Bridgy
Say goodbye to design-code inconsistencies with Bridgy.
Plugin Preview
About this plugin
Bridgy eliminates design-code drift by automatically syncing your Figma design system directly into your codebase. No manual exports, no copy-paste errors—just continuous synchronization.
✨ What it does:
- One-click variable export → CSS/SCSS with multi-mode support (light/dark themes)
- Automated test generation → Angular component tests that verify design-code consistency
- Direct GitLab integration → Commit changes with automatic merge requests
- Component browser → Navigate and explore your design system
- Smart validation → Unit detection and guidance for scalable design systems
Perfect for teams who want to eliminate manual handoff errors, audit legacy projects, maintain real-time sync, and rapidly onboard new projects.
Currently supports: Angular (React & Vue coming soon)
Free during beta as part of our university research. Join the beta and help shape the future of automated UI engineering!
More information: https://bridgy-plugin.com
Plugin Details
| Version | 5 |
|---|---|
| Created | November 4, 2025 |
| Last Updated | November 11, 2025 |
| Category | Software development |
| Creator | Laurin |
| Stats | 4 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Network Access:
This plugin connects to GitLab instances (GitLab.com, Enterprise GitLab Instances) for committing design tokens and component tests. JSZip is loaded from CDN for file export functionality.
- Editor Types:figma
- Allowed Domains:
- https://*.code.ch
- https://*.code.com
- https://*.code.de
- https://*.code.org
- https://*.git.ch
- https://*.git.com
- https://*.git.de
- https://*.git.eu
- https://*.git.fr
- https://*.git.net
- https://*.git.org
- https://*.gitlab.at
- https://*.gitlab.be
- https://*.gitlab.ch
- https://*.gitlab.co.uk
- https://*.gitlab.com
- https://*.gitlab.de
- https://*.gitlab.dk
- https://*.gitlab.edu
- https://*.gitlab.es
- https://*.gitlab.eu
- https://*.gitlab.fhnw.ch
- https://*.gitlab.fi
- https://*.gitlab.fr
- https://*.gitlab.gov
- https://*.gitlab.io
- https://*.gitlab.it
- https://*.gitlab.net
- https://*.gitlab.nl
- https://*.gitlab.no
- https://*.gitlab.org
- https://*.gitlab.se
- https://*.gitlab.uk
- https://*.repo.com
- https://*.repo.org
- https://*.scm.com
- https://*.scm.org
- https://*.vcs.com
- https://cdnjs.cloudflare.com
- https://gitlab.at
- https://gitlab.be
- https://gitlab.ch
- https://gitlab.co.uk
- https://gitlab.com
- https://gitlab.de
- https://gitlab.dk
- https://gitlab.edu
- https://gitlab.es
- https://gitlab.eu
- https://gitlab.fhnw.ch
- https://gitlab.fi
- https://gitlab.fr
- https://gitlab.gov
- https://gitlab.it
- https://gitlab.net
- https://gitlab.nl
- https://gitlab.no
- https://gitlab.org
- https://gitlab.se
- https://gitlab.uk
- https://static.figma.com
- Codegen Languages:
- Angular(angular)
- JavaScript(javascript)
- TypeScript(typescript)
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.