各种格式互转：Transform 在线工具，JSON/TS/SVG 一把梭

把一段 JSON 转成 TypeScript 类型、把 SVG 转成 React 组件、把 CSS 转成 JS 对象 —— 这些转换每次手写都容易出错，有现成工具就不该硬来。

它解决什么问题

开发中大量「格式搬运」工作：接口返回的数据要转成类型定义、设计给的图标要转成组件代码。手工转换又慢又容易漏字段。

而且格式一多，找工具本身也成了负担。

核心能力

JSON 转类型定义时的坑

自动生成的类型定义来自「这一份样本数据」，不是接口契约。样本里某个字段恰好是 null，生成的类型可能就变成了 null 而不是真正的类型；数组只有一个元素时，也可能推断出过窄的类型。

正确用法是：工具生成初稿，然后人工核对可空字段、数组元素类型与嵌套结构，再补上注释与可选标记（?）。把生成的代码直接提交进仓库，是很多类型报错的来源。

谁适合用

• 前后端联调时要生成类型定义的人
• 把设计给的 SVG 转成组件代码的前端
• 要在不同配置格式之间搬运数据的人
• 日常需要各种格式互转的开发者

怎么开始

1. 打开 transform.tools，首页就是各种转换的卡片列表。
2. 根据需求进入对应页面（比如「JSON to TypeScript」）。
3. 左侧粘贴源内容，右侧实时输出结果，一键复制。
4. 需要保留原始顺序或调整可选性时，留意页面上的选项开关。
5. 要内部使用：用开源仓库自行部署一套，处理生产数据更安全。

常见问题

数据会上传吗？
转换在浏览器本地完成。官网版本仍建议避免粘贴含真实密钥的内容，或用自托管。

生成的类型准确吗？
作为初稿够用，务必人工核对可空性与数组元素类型。

支持中文内容吗？
支持，转义与编码处理正常。

免费吗？
开源免费，无广告。

授权与合规

Transform 以 MIT 许可开源，官网免费使用，也可自行部署。 官网：transform.tools。