Transform

写代码的时候，你有没有遇到过这种场景：后端给了一个 JSON Schema，你得手动把它转成 TypeScript 类型；或者拿到了 GraphQL Schema，要手动生成 TypeScript 类型定义；或者 SVG 图标要转成 React 组件——这种机械性的转换工作，手动做既浪费时间又容易出错。

Transform（https://transform.tools/）就是来解决这个问题的。它是一个支持 60+ 种格式互转的在线工具，涵盖 JSON、TypeScript、Flow、GraphQL、SVG、HTML、CSS、YAML 等多种格式之间的相互转换，在 GitHub 上收获了 9,131 Stars。

主要功能

JSON 系列互转

JSON 是支持格式最多的一类，包括：JSON to BigQuery Schema（生成 Google BigQuery 表结构）、JSON to Go Struct（生成 Go 语言结构体）、JSON to Java（生成 Java 类）、JSON to Kotlin（生成 Kotlin 数据类）、JSON to GraphQL（生成 GraphQL Schema）、JSON to MySQL（生成 MySQL 建表语句）、JSON to Mongoose Schema（生成 MongoDB Mongoose 模型）、JSON to Rust Serde（生成 Rust 序列化代码）、JSON to Scala Case Class、JSON to Zod Schema（生成运行时验证 Schema）、JSON to io-ts、JSON to MobX-State-Tree Model、JSON to React PropTypes、JSON to JSDoc、JSON to TypeScript、JSON to YAML、JSON to TOML 等。输入一段 JSON，选个目标格式，几秒钟就能拿到可以直接用的代码。

TypeScript / Flow 互转

TypeScript to Flow、TypeScript to plain JavaScript、TypeScript to JSON Schema、TypeScript to TypeScript Declaration（生成 .d.ts 文件）、TypeScript to Zod Schema；反向：Flow to TypeScript、Flow to plain JavaScript。在 TypeScript 和 Flow 这两个静态类型系统之间切换时特别有用。

GraphQL 系列工具

GraphQL to Components（生成 React 组件代码）、GraphQL to TypeScript（生成类型定义）、GraphQL to TypeScript MongoDB（生成 MongoDB 相关类型）、GraphQL to Java、GraphQL to Flow、GraphQL to Resolvers Signature、GraphQL to Schema AST、GraphQL to Fragment Matcher、GraphQL Introspection JSON to Schema。后端只要给你一个 introspection JSON，你自己就能生成完整的前端类型。

JSON Schema 转换

JSON Schema to TypeScript、JSON Schema to OpenAPI Schema（生成 API 规范）、JSON Schema to Protobuf（生成 Google Protocol Buffers 定义）、JSON Schema to Zod Schema。JSON Schema 是现在描述 API 数据结构的主流方式，这个转换能力覆盖了大多数工程场景。

SVG 转换

SVG to JSX 和 SVG to React Native。设计师导出的 SVG 图标直接转成可以复制粘贴到 React 项目里的 JSX 代码，支持自动优化（SVGO）。

HTML 转换

HTML to JSX（将 HTML 属性转换成 React JSX 兼容格式，如 class → className）和 HTML to Pug（将 HTML 转成 Pug 模板语法）。

CSS 转换

CSS to JS Objects（将 CSS 属性转成 JavaScript 样式对象）、CSS to TailwindCSS（将普通 CSS 转成 Tailwind CSS 类名）、CSS to template literal。

JSON-LD 处理

JSON-LD to Compacted、JSON-LD to Expanded、JSON-LD to Flattened、JSON-LD to Framed、JSON-LD to N-Quads、JSON-LD to Normalized。JSON-LD 是结构化数据（SEO 相关）的标准格式，这些工具对 SEO 优化和数据处理很有帮助。

其他格式转换

YAML to JSON、YAML to TOML、TOML to JSON、TOML to YAML、XML to JSON、Markdown to HTML、Cadence to Go（Cadence 智能合约语言转 Go）。

核心特点与优势

特点	说明	优势
60+ 格式支持	涵盖 JSON/TypeScript/GraphQL/SVG/CSS 等	开发中遇到的大多数格式转换需求都能覆盖
完全本地转换	浏览器端处理，不上传数据	处理敏感代码片段时无泄露风险
即时预览	左侧输入、右侧实时输出	所见即所得，转换结果立即可见
一键复制	每个转换结果都有 Copy 按钮	省去手动选择代码的麻烦
支持 SVGO 优化	SVG 转换时可选自动优化	减少 SVG 代码体积
完全免费开源	MIT 协议	可本地部署，隐私零担忧
无需注册	打开即用	无账号体系，没有学习成本

适用人群

• 前端开发工程师——TypeScript 类型生成、SVG 转 JSX、GraphQL 类型定义
• 后端开发工程师——JSON Schema 转 Go Struct / Java 类 / MySQL 建表语句
• 全栈工程师——前后端数据格式统一，减少手动转换错误
• 技术写作者——Markdown 转 HTML
• SEO 优化人员——JSON-LD 格式处理

总结

Transform 的核心价值在于它把开发中最常见、最机械、最耗时的格式转换变成了一个浏览器里点两下就能完成的事情。60+ 种格式互转，覆盖了从 JSON Schema 生成后端模型、GraphQL introspection 生成前端类型、SVG 图标转 React 组件等几乎所有高频场景。

更重要的是它完全在浏览器本地处理——代码片段不过网，处理敏感的业务数据结构时也不用担心泄露。如果你在做全栈开发，Transform 应该成为浏览器的常驻标签页。