Figma plugin · Design tooling
Set Code Syntax
From Figma variables to platform-ready code syntax.
I designed and built a plugin that prepares variable code syntax for Web, Android and iOS, with a preview before any changes are applied.
Configure, preview, apply
A variable needs different naming conventions across platforms. The plugin brings those updates into one workflow inside Figma.
- Configure
- Choose platforms, collections and variable types.
- Preview
- Review generated values by collection. Check Boolean names, adjust prefixes or skip individual variables.
- Apply
- Write the reviewed syntax to the selected variables, with progress feedback.
One source, different platforms
Web output uses CSS custom properties, Android uses snake_case and iOS uses camelCase. The aim is consistent naming that developers can inspect in Figma Dev Mode.
See the plugin website ↗ for the full workflow.