‹div›RIOTS
Plugins y APIs de Figma para importar páginas web, imágenes y archivos como diseños editables, además de edición de imágenes con IA.
| Qué es | Plugins y APIs de Figma para importar páginas web, imágenes y archivos como diseños editables, además de edición de imágenes con IA. |
|---|---|
| Precios | Unknown |
| Plataforma | Web Application |
| API | Sí |
| Ideal para | Converting website screenshots into editable design files, Importing legacy design assets (PSD, Illustrator) into Figma |
| Dominio registrado | 2018 |
Datos actualizados 15 de agosto de 2026
¿Qué hace ‹div›RIOTS?
‹div›RIOTS es un conjunto de herramientas creadas para acelerar el trabajo de diseño dentro de Figma. Su función principal es trasladar contenido externo a Figma como capas totalmente editables, no como imágenes estáticas. Puedes usar su extensión de navegador para capturar cualquier página web —incluso páginas privadas o con sesión iniciada— y pegarla directamente en el lienzo de Figma. También ofrece plugins para importar una amplia gama de formatos de archivo, desde PDF y documentos de Office hasta archivos especializados como PSD, dibujos de AutoCAD y modelos 3D, convirtiéndolos en elementos de Figma.
Lo que hace que ‹div›RIOTS destaque es la amplitud de sus capacidades de importación y su integración de funciones de IA directamente en el flujo de trabajo de Figma. Más allá de la conversión simple, plugins como `ai.to.design` te permiten generar diseños a partir de un prompt de texto. Otros utilizan la IA para tareas prácticas de edición de imágenes: eliminar objetos o fondos de imágenes, reescalar gráficos de baja resolución y vectorizar imágenes de mapa de bits, todo sin salir de Figma. Para los desarrolladores, la plataforma proporciona APIs (`code.to.design` y la API principal de ‹div›RIOTS) para convertir programáticamente HTML o formatos de archivo en datos compatibles con Figma, lo que permite integraciones personalizadas.
La herramienta es un encaje claro para diseñadores de UI/UX y equipos de producto que necesitan incorporar frecuentemente activos existentes o referencias web en sus proyectos de Figma. Elimina el tedioso paso de recrear manualmente diseños a partir de capturas de pantalla o tipos de archivos incompatibles. Los desarrolladores que trabajan en flujos de diseño a código o que crean herramientas que interactúan con Figma encontrarán las APIs particularmente útiles para automatizar el flujo de datos visuales.
Características principales
Qué la hace destacar¿Para quién es ‹div›RIOTS?
Quién saca más provecho de esta herramientaConfianza y presencia
Alternativas en Herramienta de diseño
Genera códigos QR dinámicos que puedes editar tras imprimirlos, con opciones de arte con IA y diseños animados.
Crea figuras científicas, gráficos y diapositivas profesionales para publicaciones, sin necesidad de conocimientos de diseño.
Herramientas similares
Herramienta de generación de diseño y código con IA: convierte capturas de pantalla, PDF y prompts en diseños de Figma editables y código listo para producción.
Los design tokens son parte integral de un sistema de diseño. Los estilos de Figma no bastan para crearlos todos. ¡Empieza con los estilos de Figma y ve más allá! Este plugin crea tokens dentro del archivo o librería de Figma para ayudar a mantener sincronizados todos los tokens y las propiedades de los elementos.
Herramienta de IA que genera diseños de UI listos para producción a partir de prompts de texto o capturas de pantalla, con exportación directa a Figma y código.
Convierte diseños de Figma en código listo para producción al instante con IA; incluye editor visual y publicación en un clic
Herramienta de IA que analiza diseños de Figma y genera automáticamente documentación e historias de usuario listas para desarrolladores.
Generador de UI con IA: convierte prompts de texto, imágenes o URLs en diseños para Figma y código en segundos.
Herramienta de IA que genera plugins de Figma a partir de descripciones en inglés sencillo, sin necesidad de programar.
Anima permite generar diseños de UX con IA basándose en Figma, una marca o un sitio web en vivo. Diseñadores, product managers y cualquier persona pueden hacer vibe-code siguiendo la marca con Anima. Para agentes de IA, Anima puede generar proyectos de UX de alta gama en un solo paso, partiendo de: Prompt, Clone website, enlace de Figma. El resultado es un playground en vivo para que el humano haga vibe-code, y también se puede descargar. Anima design skill para agentes (OpenClaw, Claude Code, Codex): https://skill.animaapp.com