Back to Plugins

Export Frame 2 Json
A plugin to customize the information of the elements in the Frame export json file .
figma plugindesignworkflowassetsdeveloperexportjson
Plugin Preview
About this plugin
A plugin to customize the information of the elements in the Frame export json file .
一个将Frame里的元素信息自定义导出json文件的插件。
可以将模版内的结构梳理成 background 背景层、foreground 前景层 和 medias 媒体资源(用户替换图片的层)。
Tips: 在交付版本中,模版内的元素(包括文字)都可以转换成图片,避免出现旋转缩放等参数,这样更好定位元素大小和位置。
图层命名前缀可以用模版名称,后缀命名规则如下:
- 背景层用「bg」
- 媒体资源用「mask」
- 前景素材用「sticker」(文字目前暂时转成图片用sticker命名)
- 同类型用序号区分。
导出的内容统一使用.png格式即可。
Plugin Details
Version | 1 |
---|---|
Created | January 8, 2025 |
Last Updated | January 8, 2025 |
Category | Import & export plugins |
Creator | Jung |
Stats | 7 installs, 1 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML