Back to Plugins

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 | 94 installs, 30 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.