Twenty3 Template Tagging
Software to format and export templates for the Twenty3 Toolbox
Plugin Preview
About this plugin
Export graphics for the Twenty3 Toolbox.How to use:Start by installing the Twenty3 Template Tagging plugin from the Resources tab in FigmaSelect the Frame or Layer that you would like to exportCheck the preview in the plugin interfaceClick the export button in the plugin header to save the formatted SVG locallyUpload the SVG at https://toolbox.twenty3.sport/graphic-editor using your Toolbox credentialsTechnical details:SVG text elements are replaced with foreignObject elements so that text can be populated dynamically and manually in the Toolbox editorFigma's image rect elements are replaced with and image tag containing base64 encoded dataNotes:Font binding takes place in the Toolbox, so if you do not have the fonts downloaded to your device you will not see them in the preview
Plugin Details
| Version | 36 |
|---|---|
| Created | April 7, 2024 |
| Last Updated | September 5, 2025 |
| Category | Software development |
| Creator | Emily Wheatcroft |
| Stats | 8 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
Plugin needs to access sport data
- Editor Types:figma
- Allowed Domains:
- http://localhost:2323
- https://proxy-api-develop.twenty3.io
- https://sockjs-eu.pusher.com
- https://toolbox-api-core-v3-assets.s3-accelerate.amazonaws.com
- wss://ws-eu.pusher.com
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.