§ 02 · Journal / Field Notes

Un cuaderno
abierto sobre
diseño con IA.

47 entradas, escritas lento, publicadas rápido. Apuntes, herramientas, procesos y fragmentos — en construcción desde 2024.A working notebook on design in the age of AI. Slow-written, fast-published.
Destacada18 · ABR · 2026PROCESO

Diseñar con modelos: el brief ya no es un documento, es una conversación.

Cuando el colaborador principal es un modelo, el brief se convierte en un objeto vivo. Esta semana probé tres formatos de prompt estructurado para mantener la dirección creativa sin perder la sorpresa — y encontré un cuarto, accidental, que podría ser el más útil.

Leer artículo08 MIN · lectura
ENTR. N.º 047 · MF/26COMP. F-01
N.º 04616 · ABR · 2026Tres plantillas de prompt que uso todos los días (y una que tiré a la basura).MY DAILY PROMPTSHERRAMIENTA05 MIN · LecturaN.º 04514 · ABR · 2026Mi stack de 2026: Figma, Claude, un cuaderno y muchísimos menos plugins.THE 2026 STACKHERRAMIENTA06 MIN · LecturaN.º 04411 · ABR · 2026Nota corta: cuando el error del modelo es la mejor parte del resultado.ON HAPPY ACCIDENTSNOTA CORTA02 MIN · LecturaN.º 04309 · ABR · 2026Diez años diseñando e-commerce: qué se queda y qué se tira en la era de los agentes.A DECADE OF E-COMMERCEENSAYO12 MIN · LecturaN.º 04205 · ABR · 2026Cómo estructuro un sistema de diseño para un producto que todavía no existe.DESIGNING FOR THE UNBUILTPROCESO09 MIN · LecturaN.º 04101 · ABR · 2026Ofelia Labs · Field note 04 — lo que aprendimos del primer release cerrado.FIELD NOTE 04PROCESO07 MIN · LecturaN.º 04028 · MAR · 2026CSS Grid con nombres: una pequeña defensa por la legibilidad del código.NAMED GRID LINESCÓDIGO04 MIN · LecturaN.º 03924 · MAR · 2026Contra el "AI slop": una lista personal de cosas que ya no quiero ver en pantallas.AGAINST AI SLOPENSAYO10 MIN · LecturaN.º 03820 · MAR · 2026Sobre el silencio del lienzo en blanco (y por qué aún lo quiero).THE BLANK CANVASNOTA CORTA03 MIN · LecturaN.º 03717 · MAR · 2026Tokens, alias y el arte de nombrar una variable CSS a las 11 de la noche.NAMING DESIGN TOKENSHERRAMIENTA06 MIN · LecturaN.º 03612 · MAR · 2026Spartan Geek · nueve años después — lecciones de liderar diseño en e-commerce.NINE YEARS AT SPARTANENSAYO14 MIN · LecturaN.º 03508 · MAR · 2026Ofelia Labs · Field note 03 — diseñar la primera pantalla del producto.FIELD NOTE 03PROCESO08 MIN · LecturaN.º 03404 · MAR · 2026Por qué escribo a mano antes de abrir Figma.WHY I WRITE BY HANDNOTA CORTA03 MIN · LecturaN.º 03328 · FEB · 2026Tipografía variable: cuando un sans se comporta como una orquesta.VARIABLE TYPEHERRAMIENTA05 MIN · LecturaN.º 03224 · FEB · 2026El diseñador como editor: menos decisiones originales, más curaduría.THE DESIGNER AS EDITORENSAYO09 MIN · LecturaN.º 03119 · FEB · 2026Fragmento de código: un hover elegante en 14 líneas de CSS.CODE SNIPPET: HOVERCÓDIGO03 MIN · LecturaN.º 03014 · FEB · 2026Ofelia Labs · Field note 02 — el día que el modelo dijo que no.FIELD NOTE 02PROCESO06 MIN · LecturaN.º 02910 · FEB · 2026Cinco libros que me formaron como diseñador (ninguno es de diseño).FIVE BOOKSENSAYO07 MIN · LecturaN.º 02805 · FEB · 2026Cómo reviso un diseño ajeno sin apagar a quien lo hizo.ON DESIGN CRITIQUEPROCESO06 MIN · LecturaN.º 02701 · FEB · 2026Nota corta: los colores de Braun siguen siendo más frescos que los de Figma.ON BRAUN COLORSNOTA CORTA02 MIN · LecturaN.º 02627 · ENE · 2026Geist + Geist Mono: por qué elegí esta pareja para este sitio.GEIST PAIRINGHERRAMIENTA04 MIN · LecturaN.º 02522 · ENE · 2026Ofelia Labs · Field note 01 — el primer día.FIELD NOTE 01PROCESO05 MIN · LecturaN.º 02417 · ENE · 2026Usar Claude para escribir specs: un día después de pedir permiso a mi ego.SPECS WITH CLAUDEHERRAMIENTA07 MIN · LecturaN.º 02312 · ENE · 2026Qué le pido a un portafolio en 2026 (y qué ya no).ON PORTFOLIOSENSAYO08 MIN · LecturaN.º 02207 · ENE · 2026CSS container queries: el momento en que mi cabeza hizo clic.CONTAINER QUERIESCÓDIGO05 MIN · LecturaN.º 02102 · ENE · 2026Planes 2026: escribir más, diseñar menos, soltar más control.2026 PLANSNOTA CORTA03 MIN · LecturaN.º 02028 · DIC · 2025Retrospectiva 2025: el año que salté de e-commerce a wellness-tech.2025 IN REVIEWENSAYO13 MIN · LecturaN.º 01922 · DIC · 2025Por qué el grid de 12 columnas sigue siendo la mejor opción aburrida.THE 12-COL GRIDPROCESO05 MIN · LecturaN.º 01818 · DIC · 2025Nota corta: un buen loading skeleton vale más que una animación lujosa.LOADING STATESNOTA CORTA02 MIN · LecturaN.º 01713 · DIC · 2025Claude + Cursor: cómo cambié mi relación con el código de prototipos.CLAUDE + CURSORHERRAMIENTA06 MIN · LecturaN.º 01609 · DIC · 2025El brief del dolor: Ofelia antes de llamarse Ofelia.BEFORE OFELIAPROCESO09 MIN · LecturaN.º 01504 · DIC · 2025CSS :has() : cómo cambia escribir componentes cuando el padre responde al hijo.THE :HAS() SELECTORCÓDIGO05 MIN · LecturaN.º 01429 · NOV · 2025Pensar en voz alta: diseño, IA y el miedo honesto.THINKING OUT LOUDENSAYO10 MIN · LecturaN.º 01324 · NOV · 2025Un setup pequeño: monitor, cuaderno Hobonichi, cinco plumas y silencio.MY DAILY SETUPHERRAMIENTA04 MIN · LecturaN.º 01219 · NOV · 2025Nota corta: el cliente difícil casi siempre tiene razón en algo.ON HARD CLIENTSNOTA CORTA02 MIN · LecturaN.º 01114 · NOV · 2025Diseñar estados de error con cariño: un inventario de los que uso.ERROR STATESPROCESO07 MIN · LecturaN.º 01009 · NOV · 2025Por qué los carteles de jazz japoneses me enseñaron a maquetar.JAPANESE JAZZ POSTERSENSAYO08 MIN · LecturaN.º 00903 · NOV · 2025Cómo documento un sistema de diseño en público (con ejemplos).DESIGN SYSTEMS IN PUBLICPROCESO09 MIN · LecturaN.º 00828 · OCT · 2025Leer código como se lee un poema: pequeña defensa de la lentitud.READING CODE SLOWLYENSAYO06 MIN · LecturaN.º 00722 · OCT · 2025Tres cosas que cambié en mi workflow después de probar V0.AFTER V0HERRAMIENTA05 MIN · LecturaN.º 00616 · OCT · 2025Cómo no odiar la página en blanco: mis cuatro trucos de siempre.BEATING THE BLANK PAGEPROCESO05 MIN · LecturaN.º 00510 · OCT · 2025Nota corta: el buen diseño rara vez es la idea más brillante de la sala.ON BRILLIANT IDEASNOTA CORTA02 MIN · LecturaN.º 00405 · OCT · 2025Dieter Rams, 50 años después: releyendo los diez principios con ojos de 2025.REREADING RAMSENSAYO11 MIN · LecturaN.º 00329 · SEP · 2025Figma, Framer, Webflow: cuál uso, cuándo, y por qué.FIGMA FRAMER WEBFLOWHERRAMIENTA07 MIN · LecturaN.º 00223 · SEP · 2025Abrir el cuaderno: por qué empecé a publicar el proceso en vez del resultado.WHY I WRITE IN PUBLICENSAYO06 MIN · LecturaN.º 00118 · SEP · 2025Hola. Esto es un cuaderno abierto sobre diseño en la era de la IA.HELLONOTA CORTA02 MIN · Lectura