Diseñador de credenciales

El Diseñador de credenciales es un editor visual de lienzo a tres columnas integrado en badges.ninja que te permite crear imágenes de credenciales profesionales sin usar ninguna herramienta de diseño externa.

Resumen

El diseñador se abre dentro de la ventana Crear / Editar credencial. Consta de tres partes:

• Barra lateral — alterna el panel central entre Plantillas, Subidas, Elementos, Texto, Atributos, Códigos QR y Capas.
• Panel — las herramientas del modo seleccionado en la barra lateral.
• Lienzo — una vista previa editable y en vivo de la credencial. Todo lo que añades es un objeto real y seleccionable que puedes mover, reestilizar, reordenar o eliminar.

Los detalles de la credencial (Emisor, Nombre, Descripción, Criterios y el Texto para compartir) se sitúan justo debajo del lienzo, de modo que el diseño y la información de la credencial conviven en una misma ventana — no hay un paso aparte.

Empezar desde una plantilla

Pulsa Plantillas en la barra lateral para explorar los diseños integrados. La familia Recognition te ofrece una credencial profesional completamente compuesta — un marco con forma más texto de marcador de posición editable (organización, título, subtítulo y un sello de verificación) — en ocho paletas de color (Oro, Plata, Bronce, Azul, Verde, Carmesí, Morado, Grafito). Usa el filtro Categoría para acotar la lista, o Lienzo en blanco para empezar desde cero.

Pulsa una plantilla para aplicarla. Su texto se convierte en capas normales y editables que puedes cambiar o quitar — nada queda fijado.

Elementos — Formas, íconos, cintas y fondos

El panel Elementos superpone gráficos sobre tu credencial:

• Líneas — reglas horizontales / verticales.
• Formas — rectángulos rellenos y con contorno, rectángulos redondeados, círculos y triángulos.
• Íconos — 70 íconos pictográficos (premio, cerebro, certificado, código, corona, diploma, birrete, medalla, cohete, escudo marcado, estrella, trofeo y muchos más), con búsqueda.
• Cintas — 28 superposiciones decorativas de cinta, agrupadas en Rectas / Con punta / Con colas / Decorativas.
• Bases — 80 formas base recoloreables en varias categorías (círculos, escudos, hexágonos, estrellas, medallas, sellos, coronas de laurel, banderolas, geométricas).

Cada ícono, cinta y base se inserta con el color actual y puede recolorearse en cualquier momento.

Formas de fondo

Elementos → Formas de fondo contiene 68 marcos listos para usar (la biblioteca de forma × paleta). Al aplicar uno se sustituye el marco de fondo de la credencial mientras se mantienen tu texto y elementos encima — práctico cuando quieres una combinación concreta de forma/color sin una plantilla compuesta.

Subir una imagen personal

Usa el panel Subidas para añadir tu propio logotipo, foto o gráfico. Se aceptan PNG, JPEG y SVG, hasta 5 MB. La imagen se inserta como un objeto normal en primer plano — se apila sobre el diseño y nunca borra el fondo. Para cambiar el fondo de la credencial, elige en su lugar una plantilla o una forma de fondo.

Añadir y dar estilo al texto

El panel Texto ofrece:

• Añadir título / subtítulo / texto normal — objetos de texto con tamaño predefinido.
• Combinaciones — bloques listos para usar como Certificado de logro, Otorgado a o Verifica en — cada línea permanece editable de forma independiente.

Selecciona cualquier objeto de texto y aparece la barra de herramientas contextual sobre el lienzo:

• Tipografía — una biblioteca de 50 tipografías agrupadas en Sans, Serif, Manuscrita, Mono y Sistema. Elige una del desplegable; cada opción se previsualiza en su propia tipografía.
• + Tipografía — sube una tipografía de marca (TTF, WOFF, WOFF2, OTF) para la sesión actual.
• Tamaño de fuente — el paso − / + (o escribe un número) redimensiona el texto seleccionado con precisión, sin arrastrar sus manejadores.
• Color — define el relleno del texto seleccionado (y el color de inserción por defecto para nuevas formas/íconos).
• Alineación — seis botones alinean la selección a la izquierda / centro / derecha y arriba / medio / abajo respecto al lienzo.

Atributos dinámicos

El panel Atributos inserta tokens dinámicos — , , , , , — como objetos de texto. Cada token se resuelve por destinatario en el momento de la concesión, de modo que un único diseño se personaliza para cada persona a la que se lo emites. Así es como colocas el nombre del destinatario o la fecha de emisión en la propia credencial.

Códigos QR

El panel Códigos QR inserta un código escaneable vinculado a . En cada concesión emitida se resuelve a la página pública de verificación de esa concesión, de modo que cualquiera puede escanear la credencial impresa para confirmarla.

Capas

El panel Capas lista cada objeto del lienzo. Desde aquí puedes reordenar (traer al frente / enviar atrás), ocultar/mostrar, seleccionar y eliminar cada capa. El marco de fondo queda fijado abajo y permanece no interactivo para que los elementos en primer plano se lleven todos los clics.

Deshacer / Rehacer (Ctrl+Z / Ctrl+Shift+Z) recorren los últimos 20 cambios, y aparecen guías de ajuste discontinuas al arrastrar un objeto cerca del centro del lienzo.

Guardar la credencial

No hay un paso de "exportación" aparte. Cuando tu diseño y tus detalles estén listos:

• Crear credencial captura el lienzo como PNG, lo sube a IPFS y guarda la credencial junto con su diseño editable — de modo que al reabrir la credencial se restauran tus capas individuales para seguir editando.
• Guardar borrador almacena una credencial en curso en el servidor (entre dispositivos). Los borradores aparecen en tu lista de credenciales con una marca de Borrador y puedes retomar cualquiera de ellos más tarde.

Consejos para un buen diseño de credencial

• Simplicidad — texto claro, mínimo desorden. Las credenciales suelen mostrarse en tamaño pequeño.
• Contraste alto — haz que el texto sea legible sobre el fondo.
• Nombra la credencial — quien la vea debe entenderla de un vistazo.
• Formato cuadrado — las credenciales lucen mejor en formato cuadrado.
• Coherencia de marca — reutiliza los colores y tipografías de tu organización en todas las credenciales.
• Guarda diseños reutilizables — cada credencial que creas también se guarda como una plantilla de tu cuenta desde la que puedes empezar la próxima vez (consulta Mis plantillas).