Registrarse Registrarse
Gratis durante la beta Extensión para Chrome disponible Plugin para Figma disponible

De cualquier referencia visual a un
diseño listo para usar

Captura UI real de la web, transforma imágenes en el navegador y continúa en Figma, con 80+ herramientas conectadas.

Extensión para Chrome Extensión para Chrome
Plugin para Figma Plugin para Figma

Regístrate para usar todas las herramientas sin límites — gratis durante la fase de desarrollo

Image Flow 01

Una imagen, un flujo creativo completo

Un editor de imágenes en el navegador (capas, efectos de shader por GPU, eliminación de fondos e IA), desde la foto en bruto hasta la exportación, sin salir de la pestaña.

  • Edición por capas con máscaras y modos de fusión
  • Efectos de shader por GPU — liquid glass, degradados de malla, glitch, dithering
  • Quitar fondo con un clic y ampliar el encuadre con IA
  • Exportación nítida a 2× o copia directa a Figma
Abrir Image Flow
Extensión para Chrome 02

Captura la web sin tener que rehacerla

Guarda UI real de sitios web, paneles y estados concretos de una página, directamente desde el navegador.

  • Captura elementos concretos o secciones completas
  • Conserva el CSS, las fuentes, las imágenes y la maquetación
  • Copia los estilos y colores de la página directamente a Figma
  • Todo llega a tu biblioteca de elementos
Instalar la extensión para Chrome
Plugin para Figma 03

Lleva los recursos de Jinero directamente a Figma

Iconos, fuentes, paletas, Unicode y tus bloques capturados, dentro de Figma, FigJam y Slides.

  • Busca entre 280K+ iconos sin salir del lienzo
  • Inserta bloques capturados como capas editables
  • Aplica fuentes y paletas a tu selección
  • Las herramientas de imagen con IA funcionan directamente en el lienzo
Abrir el plugin para Figma
Rediseño de la landing — Borradores A 64%
Escritorio / Hero
Jinero
corazón
hero-section
tarjeta de precios
Marca
Atardecer
Bosque
API y MCP 04

Automatiza las mismas herramientas con la API y MCP

Todo lo que hacen las herramientas está disponible por programación, para tus scripts, tu CI y tus agentes de IA.

  • API REST para fuentes, iconos, paletas y elementos
  • Servidor MCP para agentes y asistentes de IA
  • Empieza sin clave de API
  • Exportación de tokens en CSS / JSON
Explorar la API
REST API MCP 
$ curl "https://jinero.online/api/v1/palettes?tone=warm"

{
  "name": "Sunset Terracotta",
  "colors": ["#FF8D06", "#F9194A", "#FFA492"],
  "tone": "warm", "harmony": "analogous"
}

$ curl "https://jinero.online/api/v1/colors/contrast?fg=1B1B1B&bg=FFF"
{ "ratio": 16.68, "AA": true, "AAA": true }
› busca una paleta cálida y comprueba el contraste del botón

⚒ search_palettes { "tone": "warm" }
⚒ check_contrast { "fg": "#F9194A", "bg": "#FFF" }
⚒ get_color_shades { "hex": "#FF8D06" }

✓ 20+ herramientas — fuentes, colores, paletas, código, svg
claude mcp add --transport http jinero https://jinero.online/mcp
Settings → Connectors → Add: https://jinero.online/mcp

El centro de herramientas

Catálogos, generadores y utilidades con IA: 80+ herramientas gratis que comparten una biblioteca, una cuenta y una API.

Biblioteca de fuentes

31.000+ fuentes gratis: vista previa al instante, combinaciones, paquetes para alojarlas en tu servidor e identificador.

Biblioteca de iconos

280K+ iconos de código abierto en 230+ paquetes: búscalos, cámbiales el color y expórtalos como SVG, sprite o fuente de iconos.

Paletas de colores

6.200+ paletas seleccionadas, además de generadores, extracción de colores de imágenes y herramientas de contraste.

Explorador Unicode

Todas las flechas, símbolos y pictogramas: cópialos como carácter, entidad HTML o escape CSS.

Herramientas de imagen con IA

Quitar fondo, mejorar, vectorizar, convertir y comprimir: con un clic y sin ventas adicionales.

Generador de degradados

Degradados CSS lineales, radiales y cónicos con vista previa en vivo: ajusta las paradas y copia el código.

Identificador de fuentes

Sube una captura de pantalla y obtén la fuente, comparada con 31.000+ familias.

Generador de loaders

Spinners y loaders solo con CSS: elige uno, ajústalo y copia el código.

Generador de fondos

Fondos de malla y degradados a partir de una semilla: mezcla hasta dar con el que encaje y llévate el CSS.

Generador de sistemas de diseño

Entra un color de marca y sale un kit de UI completo: tonos, estados y vista previa en vivo de los componentes.

Y todo lo demás

Herramientas más pequeñas para cubrir el resto: todas gratis y sin necesidad de cuenta.

Convertidor de fuentes web Combinaciones de fuentes Extractor de fuentes de iconos Biblioteca de elementos Generador de sprites Editor SVG Imagen → SVG Generador de favicons Minificador de código Convertidor de código Generador de clamp() Mixins SCSS Playground de CSS Grid Degradados de malla Verificador de contraste Sombras y tintes

Del blog

Guías y notas de desarrollo en abierto sobre fuentes, iconos, colores y las herramientas que hay detrás.

Todos los artículos
Dos formas de encontrar un icono entre 280.000
· 12 min de lectura

Dos formas de encontrar un icono entre 280.000

Un solo campo de búsqueda, dos problemas completamente distintos: búsqueda instantánea por palabras clave entre 280.000 iconos y un modelo de visión y lenguaje que los encuentra por su significado, en cualquier idioma.
Cómo creamos un identificador de fuentes — y le enseñamos cirílico
· 14 min de lectura

Cómo creamos un identificador de fuentes — y le enseñamos cirílico

La historia de nuestra herramienta para identificar fuentes: tres motores, una red neuronal entrenada por nosotros y por qué no nos conformamos con “suficiente para el alfabeto latino”.

Un solo kit de herramientas para todo tu flujo de diseño

Explora 80+ herramientas gratis en el navegador, captura UI real con la extensión para Chrome y lleva tus recursos a Figma como capas editables. Sin registro y sin muros de pago.

Instalar la extensión para Chrome Instalar la extensión para Chrome
Plugin para Figma Plugin para Figma
Logotipo de Extensión para Chrome
Logotipo de Figma
Logotipo de HTML5
Logotipo de CSS3
Logotipo de Sass / SCSS
Logotipo de TypeScript
Logotipo de Bootstrap
Logotipo de Tailwind CSS

Jinero se conecta directamente con Chrome y Figma y exporta código listo para producción en HTML, CSS, Sass, TypeScript, Bootstrap y Tailwind.

Un conjunto completo de herramientas gratis para diseñadores y desarrolladores

Jinero reúne todo lo que, de otro modo, tendrías repartido en más de 35 pestañas (tipografía, iconos, color, edición de imágenes, herramientas de fotos con IA y utilidades para desarrolladores) en una sola aplicación web rápida y sin registro. Todos los recursos tienen licencia de uso gratuito, y las licencias originales se conservan y se muestran en la página de cada recurso.

Fuentes y tipografía

Explora 31.000+ fuentes gratis con vista previa en vivo y descarga en ZIP con un clic. Convierte fuentes en formatos antiguos con el Convertidor de fuentes web, identifica cualquier tipografía a partir de una captura con el Identificador de fuentes con IA o genera combinaciones de titular y texto. La Fonts API pública sustituye directamente a Google Fonts CSS2, sin clave.

Biblioteca de fuentes Convertidor de fuentes Identificador de fuentes Combinador de fuentes Fonts API

Iconos y SVG

Busca entre 280.000+ iconos SVG de código abierto: Lucide, Heroicons, Tabler, Material Symbols, Phosphor y más. Crea sprites personalizados con el Generador de sprites, edita vectores en el Editor SVG, convierte imágenes rasterizadas en SVG con el Vectorizador o explora todos los caracteres en el Explorador Unicode.

Biblioteca de iconos Generador de sprites Editor SVG Vectorizador Explorador Unicode

Color y paletas

Explora más de 6.000 paletas seleccionadas que puedes filtrar por estado de ánimo, temperatura y armonía. Crea las tuyas con el Generador de paletas, extrae colores de cualquier imagen, obtén sombras y tintes y comprueba la accesibilidad con el Verificador de contraste WCAG. El Generador de sistemas de diseño exporta paquetes iniciales completos.

Paletas Generador de paletas Extractor de colores Sombras y tintes Verificador de contraste Sistema de diseño

Herramientas de imagen con IA

Varias herramientas de Jinero ejecutan IA en el servidor, sin cuenta y sin pagar por imagen: Quitar fondo con IA con un clic, ampliación y eliminación de ruido con Mejorar imágenes con IA e identificación de fuentes en cualquier imagen con el Identificador de fuentes con IA. Combínalas con el Compresor de imágenes, el Generador de favicons o el Efecto dithering para un look retro.

Quitar fondo Mejorar imágenes con IA Identificador de fuentes Compresor de imágenes Generador de favicons Efecto dithering

Utilidades para desarrolladores

Trabaja más rápido con la biblioteca de Mixins SCSS, el Generador de clamp() para tipografía fluida, los generadores de degradados y degradados de malla, el Minificador de código, el Convertidor de código (SCSS↔CSS, JSON↔YAML), SVG a Base64 y la biblioteca de elementos de UI con HTML/CSS listo para copiar.

Mixins SCSS Generador de clamp() Degradado Degradado de malla Minificador de código Convertidor de código SVG → Base64 Elementos de UI

Abierto y sin anuncios

Las herramientas principales de Jinero son gratis para uso personal y comercial: sin cuenta obligatoria, sin anuncios y sin pagar por exportar. Con una cuenta tienes colecciones guardadas, límites más altos y tokens de API. Cada fuente, icono y paleta incluye su licencia original, visible en su página. Nuestro propio código es MIT; la Fonts API pública tiene límite de solicitudes, pero por lo demás es abierta. Escríbenos: @jinero_online.

Preguntas frecuentes

Sí: las herramientas principales, las descargas y la API pública son gratis para uso personal y comercial, sin pagar por exportar. Con una cuenta tienes colecciones guardadas, límites más altos, tokens de API y funciones de flujo de trabajo, y más adelante podrían añadirse planes Pro opcionales para equipos y automatización. Las licencias originales de fuentes e iconos (OFL, Apache, MIT, CC0) se muestran en la página de cada recurso y deben respetarse al redistribuirlos.

No. Puedes explorar, descargar y usar todas las utilidades sin cuenta. Solo necesitas registrarte para guardar favoritos y marcadores entre sesiones o para generar un token de API personal con límites de solicitudes más altos.

Tres herramientas ejecutan modelos de IA en el servidor: Quitar fondo con IA (segmentación de imágenes), Mejorar imágenes con IA (ampliación y eliminación de ruido) y el Identificador de fuentes con IA (búsqueda de la fuente a partir de una imagen). El resto son algoritmos que funcionan íntegramente en el navegador.

Sí. La API es gratis para uso personal y comercial. Las fuentes conservan sus licencias originales; la mayoría son OFL, que permite el uso comercial siempre que la fuente no se venda por sí sola. La licencia de cada familia se devuelve en la respuesta de la API y se muestra en la página de la fuente.

Jinero funciona en el navegador y es gratis como Canva, pero está pensado específicamente para el flujo de trabajo de diseñadores y desarrolladores: fuentes, iconos, paletas, utilidades de imagen y ayudas para el código en un solo lugar, sin planes de suscripción. Frente a Google Fonts, añadimos herramientas de vista previa en vivo, un identificador de fuentes, un combinador de fuentes, un convertidor y una API autoalojada que respeta la privacidad como alternativa directa.