VariablesToCode
Transforms Figma variables into production-ready code for multiple platforms.
Plugin Preview
About this plugin
VariablesToCode is a powerful Figma plugin that transforms design system variables into production-ready code for multiple platforms. It bridges the gap between design and development by providing seamless code conversion capabilities.
Supported Formats:
- Android (XML)
- iOS (Swift)
- Flutter (Dart)
- Web (CSS)
- JSON
Variable Types:
- Color
- Number
- String
- Boolean
Key Features:
- Dark/Light mode support
- Automatic Variable Alias resolution
- Responsive design support
- Preview & Download
Important Notes:
- Only supports mode names: Light, Dark or Mobile, Tablet, PC
- Other mode names may not convert properly
---------
VariablesToCode는 디자인 시스템 변수를 다양한 플랫폼의 제품용 코드로 변환하는 Figma 플러그인입니다. 디자인과 개발 사이의 간극을 원활한 코드 변환 기능을 통해 해소합니다.
지원 형식:
- Android (XML)
- iOS (Swift)
- Flutter (Dart)
- Web (CSS)
- JSON
변수 타입:
- Color
- Number
- String
- Boolean
주요 기능:
- 라이트/다크 모드 지원
- 변수 별칭 자동 해석
- 반응형 디자인 지원
- 미리보기 & 다운로드
유의사항:
- 지원되는 모드명: Light, Dark 또는 Mobile, Tablet, PC
- 다른 모드명 사용 시 정상 변환되지 않을 수 있습니다.
Plugin Details
| Version | 10 |
|---|---|
| Created | November 21, 2024 |
| Last Updated | December 25, 2024 |
| Category | Software development |
| Creator | Jae-seong Jeong |
| Stats | 113 installs, 34 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:dev
- 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.