Back to Plugins
VariablesToCode

VariablesToCode

Transforms Figma variables into production-ready code for multiple platforms.

Plugin Preview

VariablesToCode 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:

  1. Android (XML)
  2. iOS (Swift)
  3. Flutter (Dart)
  4. Web (CSS)
  5. JSON


Variable Types:

  1. Color
  2. Number
  3. String
  4. Boolean


Key Features:

  1. Dark/Light mode support
  2. Automatic Variable Alias resolution
  3. Responsive design support
  4. Preview & Download


Important Notes:

  1. Only supports mode names: Light, Dark or Mobile, Tablet, PC
  2. Other mode names may not convert properly


---------


VariablesToCode는 디자인 시스템 변수를 다양한 플랫폼의 제품용 코드로 변환하는 Figma 플러그인입니다. 디자인과 개발 사이의 간극을 원활한 코드 변환 기능을 통해 해소합니다.


지원 형식:

  1. Android (XML)
  2. iOS (Swift)
  3. Flutter (Dart)
  4. Web (CSS)
  5. JSON


변수 타입:

  1. Color
  2. Number
  3. String
  4. Boolean


주요 기능:

  1. 라이트/다크 모드 지원
  2. 변수 별칭 자동 해석
  3. 반응형 디자인 지원
  4. 미리보기 & 다운로드


유의사항:

  1. 지원되는 모드명: Light, Dark 또는 Mobile, Tablet, PC
  2. 다른 모드명 사용 시 정상 변환되지 않을 수 있습니다.

Plugin Details

Version10
CreatedNovember 21, 2024
Last UpdatedDecember 25, 2024
CategorySoftware development
CreatorJae-seong Jeong
Stats94 installs, 30 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    dev
  • Allowed Domains:
    • none