Ubiq Global CSS Exporter
One-click export of Figma variables to global.
Plugin Preview
About this plugin
An internal Ubiq tool that automatically exports Figma design variables as a complete global.css file matching your repository format.
Features:
• Reads all variable collections (Colour, Padding & Layouts, Typography, Breakpoints/Grids/Toggles)
• Handles all breakpoint modes (320, 768, 1280, 1920)
• Maps design tokens to semantic CSS variables
• Converts colors from RGBA to hex/rgba format
• Generates responsive font sizes and spacing tokens
• Includes default values for manual variables
• Exports both CSS and JSON for debugging
Simply run the plugin and download your global.css file - all variables are automatically mapped and formatted.
Plugin Details
| Version | 1 |
|---|---|
| Created | November 18, 2025 |
| Last Updated | November 18, 2025 |
| Category | Software development |
| Creator | Dev |
| Stats | 1 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
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.