memi
Humyn LLC · Programación
memi es un banco de trabajo de diseño con IA para equipos de producto que publican interfaces con agentes de código. Lee tu código antes de que un agente lo edite, revisa el cambio antes de que se publique y guarda lo que aprende en una memoria de diseño de proyecto editable. El conjunto de herramientas cubre una herramienta de auditoría UI por línea de comandos, una app Studio para macOS, un puente con Figma y una exportación al registro de shadcn, así que diseñadores e ingenieros trabajan desde la misma fuente de verdad.
Acerca de memi
Qué es memi
memi es un banco de trabajo de diseño creado para un problema muy concreto: los agentes de código editan interfaces sin entender primero la interfaz. Si has visto a un asistente de IA cambiar el estilo de un botón, ignorar tus tokens de espaciado y romper en silencio una regla de accesibilidad, ya conoces ese dolor. memi se coloca entre el agente y tu repositorio.
Ejecuta una auditoría del repositorio, genera un informe compacto y devuelve un reporte revisable antes de que se acepte cualquier edición. Los hallazgos viven en una memoria de diseño de proyecto que puedes editar, no en una caja negra. Por dentro es un conjunto de herramientas conectadas: una CLI, una app Studio para macOS, un puente con Figma y una exportación al registro de shadcn.
El mayor límite es el alcance. La app Studio solo funciona en macOS y sigue en beta, y todo el conjunto apunta a bases de código frontend, no a cualquier proyecto que le pongas delante. ¿Servirá para tu repositorio de backend? Probablemente no. Es de código abierto bajo la licencia FSL-1.1-ALv2, firmada por Apple bajo Humyn LLC, y gratis sin necesidad de cuenta.
Primeros pasos
- Ejecuta la CLI con
npx -y @memi-design/cli diagnose .para escanear tu repositorio y obtener un primer informe de auditoría. - Revisa los hallazgos en el archivo de recibo. El modo diagnose solo lee; no cambiará tu código fuente.
- Instala la app Studio (
brew install --cask memi-design/memi/memi-studio) si quieres historial de ejecuciones y handoff con Figma en macOS 13 o posterior. - Conecta tu flujo de trabajo con agentes y deja que memi prepare un informe de diseño antes de permitir una edición.
- Comprueba el cambio una vez hecho, y guarda lo que hayas aprendido de vuelta en la memoria de diseño del proyecto.
Información del producto
Un vistazo rápido a los precios, las plataformas compatibles y el rendimiento de memi.
Ideal para
Los usuarios, tareas y casos de uso en los que esta herramienta encaja mejor.
Usuarios
- Líderes de diseño que hacen una revisión de diseño frontend
- Ingenieros frontend que trabajan con agentes de código
- Diseñadores de producto que hacen handoff a desarrolladores
- Equipos de producto pequeños que publican interfaces rápido
Tareas
- Auditar un repositorio en busca de colores sin procesar, texto alternativo faltante y deriva de tokens de diseño antes de un lanzamiento.
- Preparar un informe de diseño para que un agente de código conozca tus reglas de espaciado, tipografía y color antes de editar nada.
- Revisar el cambio de un agente frente a la interfaz que debía respetar.
- Exportar componentes al registro de shadcn para que el sistema de diseño siga sincronizado con el código.
Casos de uso
- Una revisión de diseño en la que necesitas un recibo compartible de qué cambió y por qué, en lugar de un vago "se ve bien".
- Incorporar a un nuevo agente de código a un proyecto que nunca ha visto.
- Comprobar la usabilidad de una insignia no leída o un menú de comandos antes de publicarlo, tal como lo demuestra el sitio de memi.
- Mantener una memoria de diseño que sobrevive entre ejecuciones y editores, para que el mismo error no se repita.
Funciones clave
Auditoría de repositorio y recibos
La CLI escanea tu base de código y devuelve un informe estructurado con hallazgos a nivel de archivo, cada uno etiquetado por tipo y gravedad. Obtienes un recibo. Enumera qué se comprobó, cuántos archivos y rutas se escanearon y una puntuación general de auditoría. El modo diagnose solo lee. Nada se reescribe a tus espaldas.
Memoria de diseño del proyecto
memi guarda lo que aprende sobre tu interfaz en una memoria de diseño editable ligada al proyecto. Los colores, las reglas de tipografía y las convenciones de componentes viven ahí como contexto reutilizable. Como es editable, puedes corregir una suposición equivocada en lugar de convivir con ella.
Informes para agentes antes de las ediciones
En lugar de dejar que un agente adivine, memi prepara un informe de diseño compacto que describe cómo debería comportarse la interfaz. El agente trabaja a partir de ese informe, lo que reduce la cantidad de idas y vueltas invertidas en arreglar la deriva de diseño a posteriori. Menos rondas, diffs más limpios.
App Studio para macOS
La compañera Studio firmada muestra el historial de ejecuciones, el contexto del proyecto y los recibos en una app de escritorio. Puedes ver las ejecuciones de Codex y Claude, revisar qué cambió cada una y ver el coste asociado a una ejecución. Necesita macOS 13 Ventura o posterior. Apple Silicon e Intel funcionan ambos.
Handoff con Figma y FigJam
El puente con Figma lleva el contexto de diseño entre memi y tu espacio de trabajo de Figma. Los diseñadores siguen trabajando en la herramienta que ya conocen, y el contexto de handoff queda ligado a la ejecución en lugar de vivir en un documento aparte.
Exportación al registro de shadcn
memi puede exportar componentes al registro de shadcn, para que el sistema de diseño de tu código coincida con aquel del que vienen tus componentes. Eso mantiene una biblioteca de componentes compartida como única fuente entre diseño e ingeniería. Se acabó exportar y reimportar a mano.
Local y sin cuenta
Studio se ejecuta en local y usa los proveedores y registros que tú configures, y no hace falta ninguna cuenta web. Para los equipos a los que les importa adónde va su código, eso es un valor por defecto significativo, no un complemento de pago.
Ventajas y desventajas
Ventajas
- Lee la base de código antes de que un agente edite, lo que detecta la deriva de diseño a tiempo en lugar de después de una compilación rota.
- Gratis y de código abierto bajo FSL-1.1-ALv2, sin necesidad de cuenta para empezar.
- La auditoría por CLI devuelve un recibo revisable con hallazgos a nivel de archivo, no un vago aprobado o suspenso.
- Conecta una CLI, una app de macOS, Figma y el registro de shadcn para que diseño e ingeniería compartan una sola fuente de verdad.
- Studio muestra el historial de ejecuciones y el coste por ejecución para flujos de Codex y Claude.
Desventajas
- La app Studio solo funciona en macOS, así que los usuarios de Windows y Linux se quedan con la CLI.
- Varias partes siguen en beta o en desarrollo, lo que significa que el flujo de trabajo puede cambiar bajo tus pies.
- Está hecho para bases de código frontend, así que los proyectos de backend o sin UI sacan poco provecho de la auditoría.
- Los precios más allá de lo gratuito no se publican, así que los equipos que planean despliegues más grandes tienen que preguntar.
Preguntas frecuentes
memi comprueba una base de código frontend antes y después de que un agente de código la edite, para que las reglas de diseño y los estándares de accesibilidad sobrevivan al cambio. Está pensado para equipos que publican interfaces con herramientas de código con IA.
Contenido relacionado
Explora herramientas, habilidades y artículos relacionados con memi.
Alternativas a memi
Forefront
Forefront · ProgramaciónForefront es una plataforma web para construir con IA de código abierto. Te deja ajustar los principales modelos de lenguaje de código abierto con tus propios datos, evaluar cómo rinden y ejecutarlos a través de una API o exportarlos para alojarlos tú mismo. Los desarrolladores que quieren la comodidad de una plataforma cerrada pero insisten en ser dueños de sus modelos y sus datos son el público objetivo.
Startkit
StartKit.AI · ProgramaciónStartkit es un boilerplate para crear productos de SaaS con IA y wrappers de IA. Piénsalo como un boilerplate para startups de IA con las partes aburridas ya conectadas: autenticación, pagos con Stripe y Lemon Squeezy, límites de uso, correo transaccional y un kit de inicio de API de IA que habla con OpenAI, Anthropic, Groq o Llama. Clonas el repositorio, pones tu precio y te dedicas a la parte del producto por la que la gente paga de verdad. Está hecho con Next.js sobre React y Tailwind, así que buena parte del código boilerplate ya te resulta familiar.
Testim
Tricentis · ProgramaciónTestim es una plataforma de automatización de pruebas impulsada por IA para crear y ejecutar pruebas de extremo a extremo en aplicaciones web, móviles y Salesforce. Se apoya en el aprendizaje automático para mantener las pruebas estables cuando cambia una interfaz, así que los equipos dedican menos tiempo a reparar selectores rotos. No está nada mal para una herramienta de pruebas automatizadas que puedes empezar a usar hoy mismo. Creas pruebas grabando acciones en un navegador y luego añades JavaScript cuando necesitas más control. Es una opción sólida para equipos de QA con mucho trabajo.