Bitácora

  1. Open Design Shanghai AI Workshop cover showing Shanghai landmarks built from code-like line art Comunidad

    Open Design AI Workshop llega a Shanghái

    Un workshop práctico en Shanghái para estudiantes, desarrolladores, diseñadores y builders de herramientas de IA para convertir prompts y referencias en artefactos reales.

    2 de julio de 2026 3 min de lectura Leer →
  2. A warm editorial illustration of three groups of AI design-agent cards on a desk — creative assets, task helpers, and an agent-native pipeline — with the design-to-code agent card lifted out and held in a green selection frame, beside soft plants and a coffee mug Guías

    Los mejores agentes de diseño con IA en 2026: una guía honesta y probada

    "Agente de diseño con IA" significa tres cosas distintas en 2026: una suite creativa en la nube, un bot para tareas o un agente que convierte tu diseño en código listo para producción. La mayoría de las listas los mezclan. Aquí tienes el mapa honesto de los mejores agentes de diseño con IA, para qué sirve realmente cada categoría y la única pregunta que te dice cuál necesitas.

    30 de junio de 2026 8 min de lectura Leer →
  3. A warm editorial illustration of a clickable mockup prototype and a running code prototype side by side on a desk, with the code prototype that becomes the shipped product held in a green selection frame, beside soft plants and a coffee mug Guías

    Las mejores herramientas de prototipado con IA en 2026: una guía honesta y probada

    Las mejores herramientas de prototipado con IA en 2026 se dividen por algo que los listados pasan por alto: ¿el prototipo es desechable o se convierte en el producto que lanzas? Aquí está el mapa honesto —prototipos de maqueta, prototipos de código, planificadores y pipelines agent-native— y cómo elegir el que encaja con lo que harás después.

    30 de junio de 2026 9 min de lectura Leer →
  4. A warm editorial illustration of a row of AI design-tool cards on a scorecard, with one card — a plain-text design file you can keep — lifted out and held in a green selection frame, on a near-white paper ground with soft plants and a coffee mug Guías

    Las mejores herramientas de diseño con IA en 2026: una guía honesta y probada

    La mayoría de las listas de "mejores herramientas de diseño con IA 2026" premian la demo más bonita y se saltan la única pregunta que realmente decide tu elección: ¿el diseño sobrevive hasta convertirse en código que puedes lanzar y que es tuyo? Aquí tienes el mapa honesto: una tabla de evaluación con seis categorías, las herramientas que valen tu tiempo para diseño de UI/UX, de producto y web, y la categoría que todas las demás listas olvidan.

    30 de junio de 2026 10 min de lectura Leer →
  5. A warm editorial illustration of a row of AI app-builder cards on a desk, with one card — an open folder of portable files you own — lifted out and held in a green selection frame, beside soft plants and a coffee mug Guías

    Las mejores alternativas a Bolt.new (2026): elige por lo que realmente te hace marcharte

    Una guía honesta de las alternativas a Bolt.new, agrupadas por el problema real que te hace cambiar: fiabilidad de las iteraciones, dependencia de la plataforma o propiedad. Con la disyuntiva que cada opción te impone en silencio.

    30 de junio de 2026 9 min de lectura Leer →
  6. A warm editorial illustration of a design mockup flowing through an arrow into clean code, with the connecting design-system file card held in a green selection frame, on a near-white paper desk with soft plants and a coffee mug Guías

    Herramientas de diseño a código en 2026: exportación o pipeline

    Las herramientas de diseño a código se dividen en realidad en cuatro enfoques muy distintos. La pregunta que de verdad te ahorra trabajo no es cuál es la más bonita, sino si compras una exportación puntual o un pipeline que puedes volver a ejecutar.

    30 de junio de 2026 9 min de lectura Leer →
  7. A warm editorial illustration of several design-tool windows grouped into camps — an open-source canvas, a native app, an AI generator — with one option, a plain-text design-to-code pipeline, lifted out and held in a green selection frame, on a near-white paper desk with soft plants and a coffee mug Guías

    Las mejores alternativas a Figma en 2026, ordenadas según por qué te vas

    Ningún producto sustituye a Figma por completo. La pregunta útil no es qué lo reemplaza, sino qué parte de Figma quieres abandonar realmente: el precio, el lienzo, el lock-in o la distancia entre diseño y código. Aquí tienes el mapa.

    30 de junio de 2026 9 min de lectura Leer →
  8. A warm editorial illustration of a terminal prompt becoming a polished UI screen on a tablet, with a design-system file card (DESIGN.md) held in a green selection frame connecting the two, beside soft plants and a coffee mug Guías

    Cómo usar Claude Code para el diseño frontend (guía 2026)

    Claude Code puede producir un diseño frontend realmente bueno, pero solo con la configuración y los prompts adecuados. Esta es la guía práctica: instala el plugin frontend-design, da indicaciones con dirección estética en lugar de píxeles, guía las dimensiones del diseño y lleva el resultado de una pantalla puntual a un sistema de diseño que puedas hacer tuyo.

    30 de junio de 2026 9 min de lectura Leer →
  9. A warm editorial illustration of a row of prompt-to-app tool cards on a desk, with one card — plain files with no usage meter — lifted out and held in a green selection frame, beside soft plants and a coffee mug Guías

    Las mejores alternativas a Lovable en 2026, ordenadas por la razón por la que te vas

    No existe una única mejor alternativa a Lovable: depende de qué muro estés chocando. Esta es la guía honesta, agrupada por motivo (coste, dependencia o propiedad) y con la contrapartida que te ofrece cada opción.

    30 de junio de 2026 9 min de lectura Leer →
  10. A warm editorial illustration of a row of AI UI-generator cards on a desk, with one card — a UI component lifted into a code repo with no usage meter — held in a green selection frame, beside soft plants and a coffee mug Guías

    Las mejores alternativas a v0 en 2026, ordenadas por el motivo por el que te vas

    v0 genera UI de React y Tailwind impecable a partir de un prompt, pero su precio por iteración, el hecho de entregar componentes en lugar de una app y la cuestión de la propiedad empujan a mucha gente a buscar otra cosa. Esta es la guía honesta de alternativas a v0, agrupada por el motivo real por el que te marchas.

    30 de junio de 2026 8 min de lectura Leer →
  11. Open Design Osaka / Kyoto meetup cover showing Osaka and Kyoto landmarks built from code-like line art articulo

    Guia Open Design: open design osaka kyoto meetup

    Resumen localizado sobre open design osaka kyoto meetup dentro del flujo local-first, BYOK y de skills componibles de Open Design.

    29 de junio de 2026 3 min de lectura Leer →
  12. A warm editorial illustration of a website becoming a design system — a browser window, a design-system kit card with color swatch dots and type samples, and a finished document — on a cream paper ground with soft plants and a coffee mug producto

    Open Design 0.12.0: tu marca es un sistema de diseño

    Tag open-design-v0.12.0: 103 PRs de 30 colaboradores en seis días. Nombre en clave «Sistema de Diseño Respaldado por la Marca». Apunta Open Design a un sitio en vivo, suelta un archivo de Figma o recorta una página en tu navegador, y extrae la marca real —colores, tipografía, voz— en un sistema de diseño reutilizable a partir del cual construir en cada proyecto posterior.

    26 de junio de 2026 7 min de lectura Leer →
  13. A hand-drawn pencil wireframe transforming, via an arrow, into a polished design app showing a row of tool cards to choose from, on a warm paper editorial ground Guías

    Vibe Design Tools: una guía honesta sobre lo que realmente funciona

    La mitad de los resultados de "vibe design tools" son en realidad vibe coding tools — y eso es lo más útil que te dirán esos resultados de búsqueda. Aquí tienes el mapa honesto: la única pregunta que debería decidir tu elección, una tabla de puntuación a lo largo de cinco categorías de herramientas, y la trampa que casi todos los listículos te venden.

    18 de junio de 2026 9 min de lectura Leer →
  14. A single sketched interface splitting into a visual design mockup and a code window, both arrows converging on one shared design-system file card, on a warm paper editorial ground Guías

    Vibe Design vs Vibe Coding: Dónde se separan y por qué importa

    Vibe design y vibe coding no son rivales: son dos mitades de un mismo movimiento, y el hueco entre ellos es donde los equipos se desangran. Aquí está la diferencia real, los dos modos de fallo de los que nadie te advierte (el precipicio del mockup y la deriva del diseño) y un marco para decidir cuál usar y cuándo.

    18 de junio de 2026 9 min de lectura Leer →
  15. A handwritten prompt note becoming a rendered mobile app screen, then exported outward through an opening in a low garden wall, on a warm paper editorial ground Guías

    Vibe design con Google Stitch: en qué acierta y dónde te atrapa

    Google acuñó el término "vibe design" con Stitch, y Stitch es genuinamente bueno. Aquí va el análisis honesto y práctico: en qué acierta, el lock-in que las demos no te muestran y cuándo adueñarte del bucle le gana a la comodidad.

    18 de junio de 2026 8 min de lectura Leer →
  16. A warm editorial illustration of an open gallery of design template cards, each a small thumbnail with a play triangle, with a hand reaching to pick one, on a cream paper ground with soft plants and a coffee mug producto

    Open Design 0.11.0: el Bazar

    Tag open-design-v0.11.0: 137 PRs de 57 colaboradores en cuatro días. Nombre en clave «el Bazar». La galería de plugins ahora reproduce un clip en vivo de cada resultado real, cualquier coding agent que ya uses simplemente encaja, y el primer arranque de un recién llegado es una bienvenida guiada en lugar de una puerta cerrada.

    17 de junio de 2026 7 min de lectura Leer →
  17. A hand-drawn pencil sketch of a planner app wishing for a calm space transforming, via an arrow, into a polished rendered planner UI, on a warm paper editorial ground Guías

    ¿Qué es el vibe design? La guía 2026 para diseñar por intención

    Describe la sensación y la dirección de una interfaz y deja que la IA la genere; pero la mayoría de las herramientas se quedan en un bonito mockup. Esto es lo que realmente es el vibe design, en qué se diferencia el vibe design del vibe coding y cómo llevarlo del prompt al código listo para producción.

    17 de junio de 2026 9 min de lectura Leer →
  18. A single unified design-workspace window — composer, canvas, and comment rail in one frame — held inside a green selection box on a near-white editorial ground producto

    Open Design 0.10.0: el espacio de trabajo de diseño todo en uno

    Tag open-design-v0.10.0: 405 PRs de 68 colaboradores en nueve días. Nombre en clave «el espacio de trabajo de diseño Agentic todo en uno». Esta versión condensa todo el flujo —concepto, refinamiento y entrega— en una sola ventana, para que el trabajo deje de repartirse entre una docena de pestañas.

    11 de junio de 2026 7 min de lectura Leer →
  19. An onboarding panel with a one-click sign-in and a bundled engine, selected in a green frame on a near-white editorial ground producto

    Open Design 0.9.0: diseño para todos

    Open Design 0.9.0 es la versión de instalar-y-crear. Sin búsqueda del tesoro de claves API, sin configurar tres CLI: abre la app, inicia sesión una vez, elige un modelo y empieza a construir. Además, un banco de agentes más grande, una verdadera biblioteca de plugins e instalaciones más fáciles en Windows y Linux.

    2 de junio de 2026 6 min de lectura Leer →
  20. A locked canvas window beside an open fanned stack of portable file sheets, in a green selection frame on a near-white editorial ground articulo

    La alternativa de código abierto a Figma

    Figma es excelente y no va a ninguna parte. Pero el archivo es propietario, los asientos son una suscripción y el lienzo vive en la nube de otra persona. Aquí tienes la lectura honesta de cuándo Figma sigue siendo la respuesta — y cuándo gana poseer un flujo de trabajo nativo de agentes y local-first.

    26 de mayo de 2026 7 min de lectura Leer →
  21. A central engine hub with plugin tiles docking into it, selected in a green frame on a near-white editorial ground producto

    Open Design 0.8.0: todo es un plugin

    Open Design 0.8.0 no es un lanzamiento, es una reconstrucción. Un pequeño motor de plugins, un CLI headless por defecto, auto-actualización empaquetada en macOS y Windows, y 149 sistemas de diseño publicados en siete días.

    22 de mayo de 2026 7 min de lectura Leer →
  22. A wireframe layout skeleton lifting out from beneath a canvas as its own layer, in a green selection frame on a near-white editorial ground articulo

    La capa de layout que el lienzo solía ocultar

    Una respuesta de la comunidad en la preview de 0.8.0 nombró la verdadera pregunta detrás del diseño agent-native: si el lienzo deja de ser la unidad de trabajo, ¿cómo siguen entendiendo el layout los usuarios?

    18 de mayo de 2026 7 min de lectura Leer →
  23. A design frame being lifted out of a canvas and packaged into a portable plugin module, in a green selection frame on a near-white editorial ground articulo

    Cómo migrar un flujo de trabajo de Figma a un plugin de Open Design

    El hilo de 0.8.0-preview pide a los colaboradores migrar antiguos flujos de trabajo de diseño, un plugin a la vez. Aquí tienes el camino concreto para una exportación de Figma, una sincronización de tokens o un brand kit.

    18 de mayo de 2026 8 min de lectura Leer →
  24. A workflow pipeline of connected nodes with a few break marks on the connectors, in a green selection frame on a near-white editorial ground articulo

    Comprobación de la realidad de BYOK: 5 cosas que fallan hoy en Open Design

    Prometimos BYOK como ciudadano de primera clase. Cinco hilos de errores abiertos esta semana — Gemini, DeepSeek, OpenCode, Windows — muestran dónde siguen ásperas las costuras, y qué usar hasta que llegue cada corrección.

    14 de mayo de 2026 9 min de lectura Leer →
  25. An organized library grid of modular skill and system cards, selected in a green frame on a near-white editorial ground articulo

    31 skills, 72 systems: cómo funciona la biblioteca de Open Design

    Un recorrido por las cuatro primitivas que hacen que Open Design sea componible: skills, systems, adapters y el daemon. Con ejemplos concretos de cómo un archivo Markdown se convierte en un entregable perfecto al píxel.

    13 de mayo de 2026 8 min de lectura Leer →
  26. A single key wired to a row of interchangeable model engines with a provider toggle, in a green selection frame on a near-white editorial ground articulo

    Flujo de diseño BYOK: ejecuta Claude, Codex o Qwen con tu propia clave

    La mayoría de las herramientas de diseño con IA añaden discretamente un margen a cada token que gastas. Open Design adopta la postura opuesta: trae tu propia clave de modelo, paga directamente al proveedor y mantén el control total de dónde se ejecuta la inferencia. Así funciona realmente la capa BYOK.

    13 de mayo de 2026 8 min de lectura Leer →
  27. A thin layer sheet wrapping around an existing agent core, in a green selection frame on a near-white editorial ground producto

    Por qué construimos Open Design como una capa de skills, no como un producto

    La mayoría de las herramientas de diseño con IA intentan reemplazar el agente que ya tienes en tu portátil. Open Design apuesta por lo contrario: ofrecer una capa ligera de skills, sistemas y adaptadores que convierten cualquier coding agent en un motor de diseño, sin atarte a una nueva aplicación.

    13 de mayo de 2026 8 min de lectura Leer →