Convertir JSON a Clase Dart

Genera clases Dart para Flutter desde JSON, en tu navegador.

Class name:

JSON

Dart Class

class Address {
  final String city;
  final String zip;

  const Address({
    required this.city,
    required this.zip,
  });

  factory Address.fromJson(Map<String, dynamic> json) =>
      Address(
    city: json['city'] as String,
    zip: json['zip'] as String,
      );

  Map<String, dynamic> toJson() => {
      'city': city,
      'zip': zip,
      };
}

class User {
  final String name;
  final int age;
  final List<String> skills;
  final Address address;

  const User({
    required this.name,
    required this.age,
    required this.skills,
    required this.address,
  });

  factory User.fromJson(Map<String, dynamic> json) =>
      User(
    name: json['name'] as String,
    age: json['age'] as int,
    skills: (json['skills'] as List<dynamic>).cast<dynamic>(),
    address: Address.fromJson(json['address'] as Map<String, dynamic>),
      );

  Map<String, dynamic> toJson() => {
      'name': name,
      'age': age,
      'skills': skills,
      'address': address.toJson(),
      };
}

Procesado en tu navegador

Para qué sirve

JSON a clase Dart para Flutter

Flutter ready

Código compatible con Flutter, json_serializable y freezed. Listo para usar con http, dio o Riverpod.

100% privado

Tu JSON de API se procesa solo en tu navegador. Datos sensibles nunca salen de tu dispositivo.

Null safety correcto

Detecta campos nullable automáticamente. Tipos requeridos con required, opcionales con ? según el JSON.

Instantáneo

Clases Dart listas en milisegundos. Sin registro, sin esperas, sin límites.

Cómo funciona

Tres pasos, sin complicaciones

Pega tu JSON

Pega el JSON de la respuesta de tu API. La herramienta infiere los tipos Dart correctos para cada campo.

Clase Dart generada

Obtienes una clase Dart con null safety, factory constructor fromJson(), método toJson() y tipado completo compatible con json_serializable.

Integra en Flutter

Copia la clase generada a tu proyecto Flutter. Funciona directamente con http package, dio o cualquier cliente HTTP.

Preguntas frecuentes

¿Tienes dudas?

¿Qué es el paquete json_serializable?

json_serializable es el paquete oficial de la comunidad Dart/Flutter para la serialización JSON con generación de código. En lugar de escribir manualmente los métodos fromJson() y toJson(), defines la clase con anotaciones @JsonSerializable() y el generador de código (build_runner) crea automáticamente los métodos. Esta herramienta genera código compatible con json_serializable: la estructura de la clase, los tipos y el patrón factory fromJson son exactamente los que build_runner generaría, permitiéndote usar el código generado directamente o como punto de partida para la versión con generación automática.

¿Qué es el patrón factory fromJson?

El patrón factory fromJson() es el estándar en Dart para deserializar JSON. Un constructor factory puede retornar una instancia existente o crear una nueva, y en este caso recibe un Map<String, dynamic> (el resultado de jsonDecode()) y construye el objeto. Ejemplo: factory User.fromJson(Map<String, dynamic> json) => User(id: json['id'] as int, name: json['name'] as String). El método toJson() hace el proceso inverso. Este patrón es explícito, seguro en cuanto a tipos y fácil de testear.

¿Cómo funciona Dart null safety?

Dart 2.12 (2021) introdujo sound null safety, una de las características más importantes del lenguaje. En null safety, los tipos no pueden ser null por defecto: String es siempre un string no-null, mientras que String? puede ser null. En el contexto de JSON, los campos que pueden estar ausentes o ser null se deben tipar como nullable (String?, int?). La palabra clave required en el constructor indica que el parámetro es obligatorio y no puede omitirse. Esta herramienta detecta automáticamente qué campos del JSON podrían ser null según su valor y genera el tipado correcto.

¿Cómo integrar las clases generadas con la API en Flutter?

El flujo típico en Flutter es: 1) Hacer la llamada HTTP con http.get() o dio, 2) Decodificar el JSON con jsonDecode(response.body), 3) Pasar el Map resultante al constructor factory: final user = User.fromJson(jsonDecode(response.body)). Para listas de objetos: final users = (jsonDecode(response.body) as List).map((e) => User.fromJson(e)).toList(). Con el paquete dio, puedes usar interceptores para transformar automáticamente las respuestas. Con Riverpod o BLoC, las clases generadas se usan directamente como estado.

¿Qué es el paquete freezed como alternativa?

freezed es un paquete de generación de código para Dart/Flutter que va más allá de json_serializable. Genera clases inmutables con: método copyWith() para crear copias modificadas, patrón union/sealed para modelar estados (similar a sealed classes de Kotlin), igualdad y hashCode automáticos, y serialización JSON integrada. Es especialmente popular con Riverpod (el gestor de estado recomendado por la comunidad Flutter) para modelar el estado de la aplicación. La combinación freezed + Riverpod es uno de los patrones de arquitectura más adoptados en Flutter profesional.