Generar interfaces de TypeScript a partir de un JSON

Pega un JSON de ejemplo —la respuesta de una API, un objeto de configuración— y obtén las interfaces de TypeScript que lo describen, con los tipos anidados como interfaces propias y las propiedades opcionales marcadas con '?'. Copia el resultado y pégalo en tu proyecto.

Al tipar arrays de objetos, fusiona la forma de todos los elementos en vez de fiarse solo del primero: si un objeto del array tiene un campo que otro no tiene, ese campo se marca como opcional.

Gratis · sin marca de agua · sin subir archivos

Qué puedes hacer con JSON a TypeScript

  • Interfaces de TypeScript desde un JSON de ejemplo
  • Objetos anidados como interfaces separadas
  • Propiedades opcionales detectadas en arrays de objetos
  • Nombre de la interfaz raíz personalizable
  • Copiar y descargar como archivo .ts
  • Procesamiento 100% local

Cómo usar JSON a TypeScript paso a paso

  1. 1

    Pega tu JSON

    Introduce un JSON de ejemplo representativo de los datos que vas a tipar.

  2. 2

    Copia las interfaces

    Se generan al instante; ajusta el nombre de la raíz si quieres y copia o descarga el TypeScript.

Cómo se infieren los tipos

La herramienta recorre el JSON y crea una interfaz por cada objeto. Los tipos primitivos (texto, número, booleano, null) se mapean directamente, y los objetos anidados se extraen como interfaces con nombre para que el resultado sea legible y reutilizable.

Para los arrays, mira todos los elementos y no solo el primero. Si es un array de objetos, une sus formas: los campos presentes en todos quedan obligatorios y los que faltan en alguno se marcan como opcionales. Así el tipo describe los datos reales y no una muestra parcial.

Se genera en tu navegador

El JSON que uno tipa suele ser la respuesta de una API real, a veces con datos de clientes. Aquí no sale de tu equipo: el análisis y la generación se hacen con el motor de tu propio navegador.

Preguntas frecuentes

¿Cómo convierto un JSON en tipos de TypeScript?

Pegas un JSON de ejemplo y la herramienta genera las interfaces que lo describen, con los objetos anidados como interfaces propias. Puedes cambiar el nombre de la interfaz raíz y copiar o descargar el resultado.

¿Detecta las propiedades opcionales?

Sí. En los arrays de objetos fusiona la forma de todos los elementos: si un campo no está presente en todos, lo marca como opcional con el signo de interrogación.

¿Se envía mi JSON a algún servidor?

No. El JSON se analiza localmente en tu navegador y no se envía a ningún servidor, así que es seguro para respuestas de API reales.

Otras herramientas que te pueden servir

Open Utils es un proyecto de código abierto con licencia MIT. Puedes revisar exactamente qué hace esta herramienta —y comprobar que tus archivos no se envían a ninguna parte— en el repositorio en GitHub.