Overview: Tokeno is a versatile Figma plugin designed to streamline the conversion of local variables into usable code snippets. With Tokeno, designers can effortlessly extract variable names and their corresponding values from Figma's local variables collection. The plugin then transforms this data into JSON format, offering seamless integration with development workflows. Moreover, Tokeno facilitates the conversion of JSON data into TypeScript (ts) and SCSS files, optimizing the transfer of design tokens into code. Key Features: Local Variable Extraction: Tokeno simplifies the process of gathering variable names and values directly from Figma's local variables collection. JSON Conversion: The extracted data is automatically formatted into JSON, ensuring compatibility and ease of use across different platforms and environments. Code Generation: Tokeno empowers users to effortlessly convert JSON data into TypeScript (ts) and SCSS files, streamlining the transition of design tokens into development-ready code. User Interface: Tokeno boasts an intuitive user interface featuring two prominent buttons: Download TS: This button enables users to instantly download the generated TypeScript (ts) file containing the extracted local variables in a structured format. Download SCSS: With a single click, users can download the generated SCSS file, facilitating seamless integration of design tokens into SCSS-based projects.
适用场景
Tokeno 属于 UI 工具 分类，适合希望用清晰结果驱动设计流程的团队。
关键信息
- 分类：UI 工具
- 点赞：26
- 用户：486
- 定价模式：免费
发布者信息
创建者：Pixolo Designer。Figma 社区发布者：Pixolo Designer。
兼容性与支持
- 支持编辑器：design, whiteboard
- 发布时间：2024年11月26日
- 支持联系方式：team.pixolo@gmail.com
安装前如何评估
查看 Figma 内最新更新说明，确认示例输出质量，并与下方相关插件做对比。