DesignForge

DesignForge es una herramienta que consolida las reglas de diseño para aplicaciones y pantallas en un único archivo llamado DESIGN.md.

■ Cuándo usarlo:

・La percepción de los colores y el espaciado cambia cada vez que la IA crea la interfaz de usuario.

・Siempre dudas de "¿qué color usé la última vez?".

・Las reglas comunes que puedes compartir con tu equipo o la IA solo existen en tu mente.

La causa de la discrepancia no es una diferencia de percepción, sino la falta de una definición clara de la respuesta correcta. DesignForge plasma esa definición en un archivo.

■ Cómo usarlo:

1. Elige una plantilla (preajuste específico para cada género).

2. Ajusta el color principal, el brillo, la fuente, la proporción, el espaciado, el redondeo de esquinas, etc.

3. Comprueba el aspecto final con la vista previa en pantalla.

4. Copia, comparte o guarda DESIGN.md e incorpóralo a tu proyecto.

Solo necesitas seleccionar unos 8 elementos. A partir de ahí, se generan automáticamente 14 colores, 7 niveles de fuente, redondeo de esquinas, espaciado y estilos de componentes. Como no tienes que seleccionar todo manualmente, puedes completar el proyecto sin abandonarlo a mitad de camino.

■ Funcionalidades

・Vista previa en tiempo real

Los títulos, el texto principal, los botones principales y secundarios, los consejos, las tarjetas y los campos de entrada se muestran con la configuración actual. Los cambios en los valores se reflejan inmediatamente.

・12 herramientas a modo de "probador"

Incluye herramientas prácticas como una lista de tareas, notas adhesivas de colores, temporizador de descanso, cronómetro, contador, ruleta, contador de días, registro de hábitos y comprobación previa al lanzamiento. Todas se dibujan utilizando los tokens del archivo DESIGN.md que estás creando. Puedes comprobar las combinaciones de colores en tu pantalla habitual, no solo en una pantalla de muestra.

・Detección de contraste

El terminal detecta el estándar WCAG AA. Puedes encontrar combinaciones difíciles de leer antes de exportar.

• Compatible con el formato DESIGN.md

El formato de salida no es personalizado; cumple con las especificaciones DESIGN.md disponibles públicamente.

* Guardar y recuperar

Puedes guardar tus diseños creados con un nombre y cargarlos más tarde.

* Salida

Un único archivo Markdown que contiene definiciones de tokens (YAML) para color, fuente, diseño, redondeo de esquinas y componentes, junto con una sección de texto que describe "qué hacer y qué no hacer". Este archivo se puede colocar directamente en el repositorio y ser leído por agentes de IA y miembros del equipo.

* Notas de uso

* Todos los datos introducidos se guardan en tu dispositivo. No se requiere registro de cuenta.

* Uso gratuito. Se muestran anuncios para financiar el servicio.