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:Android (XML)iOS (Swift)Flutter (Dart)Web (CSS)JSONVariable Types:ColorNumberStringBooleanKey Features:Dark/Light mode supportAutomatic Variable Alias resolutionResponsive design supportPreview & DownloadImportant Notes:Only supports mode names: Light, Dark or Mobile, Tablet, PCOther mode names may not convert properly---------VariablesToCode는 디자인 시스템 변수를 다양한 플랫폼의 제품용 코드로 변환하는 Figma 플러그인입니다. 디자인과 개발 사이의 간극을 원활한 코드 변환 기능을 통해 해소합니다.지원 형식:Android (XML)iOS (Swift)Flutter (Dart)Web (CSS)JSON변수 타입:ColorNumberStringBoolean주요 기능:라이트/다크 모드 지원변수 별칭 자동 해석반응형 디자인 지원미리보기 & 다운로드유의사항:지원되는 모드명: Light, Dark 또는 Mobile, Tablet, PC다른 모드명 사용 시 정상 변환되지 않을 수 있습니다.

Plugin Details

Version10
CreatedNovember 21, 2024
Last UpdatedDecember 25, 2024
CategorySoftware development
CreatorJae-seong Jeong
Stats131 installs, 37 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