IADesde el estudio
Apuntes
Lo que aprendemos construyendo productos.
Destacado
IA
IACuánto cuesta integrar IA en un SaaS en 2026: rangos reales
El coste de integrar IA se divide en build, operación y mantenimiento. Rangos reales de 2026 para chatbots, RAG y agentes, más el tercio oculto que casi nadie presupuesta.
NegocioCoste y plazos de una integración con Stripe para un SaaS en 2026
Stripe Billing suma un 0,7% y Stripe Tax un 0,5% sobre el 2,9% + 0,30 $, y una integración de suscripciones en producción cuesta de 25.000 a 60.000 dólares. Las cifras reales por alcance.
DiseñoCuánto cuesta el diseño de un sitio SaaS en 2026: guía de precios
Un sitio SaaS B2B cuesta entre 5.000 y 150.000 dólares en 2026. Lo que fija el precio: freelance, estudio o agencia, y el posicionamiento previo.
DiseñoCuánto cuesta un design system en 2026: proyecto, retainer o copropiedad
Un design system cuesta de 5.000 a más de 60.000 euros, y luego hay que mantenerlo. Comparamos el precio por proyecto, retainer y propiedad compartida.
NegocioROI de un design system: medirlo como cuenta de resultados
Un design system ahorra hasta un 47% del tiempo de desarrollo. Asi se mide como linea de la cuenta de resultados y asi se defiende su presupuesto en 2026.
WebWebGL o animaciones CSS: cuándo usar cada una (2026)
CSS anima transform y opacity fuera del hilo principal, gratis. WebGL te da la GPU en bruto. Aquí está la línea entre ambos, con los costes de bundle y batería.
DiseñoDiseno de dashboards SaaS: mostrar datos sin saturar al usuario
Muchos dashboards SaaS fallan porque lo muestran todo a la vez. Este es el diseno que empieza por el resumen, el limite de widgets y la divulgacion progresiva que orienta.
IACómo escribir un archivo CLAUDE.md que guíe de verdad a Claude Code
CLAUDE.md entra en cada sesión de Claude Code. Mantenlo bajo 120 líneas, escribe reglas en positivo y mueve las comprobaciones fijas a los hooks.
InfraCómo añadir JSON-LD a un artículo de blog en 2026
JSON-LD es el formato que recomienda Google. Aquí está el marcado Article, BreadcrumbList y FAQPage que publicamos en cada entrada, con código Next.js.
WebRendimiento de fuentes web: un solo WOFF2, cero saltos
Una familia sin optimizar añade 500KB y retrasa el texto legible. Haz subset a WOFF2, alójala tú y ajusta el fallback con size-adjust: nada se mueve al swap.
DiseñoConvenciones de nombres de design tokens: sistema de 3 niveles
Un esquema de tres niveles (primitivo, semántico, de componente) mantiene estables los nombres al crecer el sistema. Cómo estructurar y nombrar cada capa.
IADiseñar para agentes de IA: la interfaz que lee el usuario no humano
Los agentes de IA leen tu sitio a través del árbol de accesibilidad, la estructura que usan los lectores de pantalla. En un estudio de 2026 el éxito cayó del 78% al 42% con uno degradado.Temas
Stripe y cobros
6 artículosDesign tokens
4 artículosMCP
8 artículosClaude Code
6 artículosSEO y búsqueda con IA
19 artículosDesign systems
14 artículosDiseño de interfaces
29 artículosAgentes de IA
15 artículosHosting e infraestructura
12 artículosDesarrollo frontend
32 artículosGuías para elegir
55 artículosTodos los artículos
- Stripe Managed Payments o Paddle: comisiones, IVA y límites en 2026Business and Scale · 7 min de lectura
- Claude Partner Network: qué demuestran los niveles Select y PreferredAI and Automation · 6 min de lectura
- Precio cerrado o retainer para un SaaS: cuándo conviene cada unoBusiness and Scale · 9 min de lectura
- Estudio pequeño o gran agencia para tu SaaS: cuándo gana cada unoBusiness and Scale · 9 min de lectura
- Design tokens multimarca: 6 pasos desde un solo nivel de primitivasProduct Design · 8 min de lectura
- Estados de error en UX: qué mostrar cuando falla una peticiónProduct Design · 9 min de lectura
- ¿Por qué mi web va lenta? Las 6 causas y cómo arreglarlasWeb Design and Engineering · 9 min de lectura
- Figma MCP, del diseño al código: 6 pasos y los límites que quedanProduct Design · 10 min de lectura
- Borde o sombra en la interfaz: cuándo usar cada uno y cuándo un fondoProduct Design · 9 min de lectura
- Agentes de IA dentro de un SaaS: 6 decisiones de producto para 2026AI and Automation · 9 min de lectura
- Cómo conseguir que Google AI Overviews y ChatGPT te citen en 2026Infrastructure and SEO · 8 min de lectura
- Tabla de datos o tarjetas: cuándo gana la tabla en una interfazProduct Design · 9 min de lectura
- Cuánto cuesta mantener un sitio web en 2026, partida a partidaBusiness and Scale · 10 min de lectura
- La caché de Next.js 16: use cache, cacheLife y updateTagWeb Design and Engineering · 10 min de lectura
- Protocolo A2A: cómo diseñar un agente al que llaman otros agentesAI and Automation · 10 min de lectura
- EAA: 6 razones por las que un producto conforme suspende la auditoríaProduct Design · 9 min de lectura
- Curvas de easing y marca: una curva define el tono del productoProduct Design · 8 min de lectura
- Por qué mi web ya no aparece en Google después del rediseñoInfrastructure and SEO · 8 min de lectura
- Por qué una interfaz parece poco profesional: 9 detallesProduct Design · 10 min de lectura
- UX de formularios largos: 12 reglas para que se completenProduct Design · 8 min de lectura
- Dependencias npm sin control: los 4 costes en frontends enterpriseWeb Design and Engineering · 8 min de lectura
- Desarrollo SaaS conforme al RGPD: 8 comprobaciones claveBusiness and Scale · 10 min de lectura
- Estudio de diseño de producto digital o agencia web: qué cambiaProduct Design · 10 min de lectura
- Desarrollo de apps de consumo en la nube: 10 puntos antes de firmarBusiness and Scale · 8 min de lectura
- Agencia UX para neobancos: qué esperar de un socio en 2026Business and Scale · 7 min de lectura
- Web agéntica: qué cambiar cuando quien compra es un agente de IAAI and Automation · 8 min de lectura
- Cloudflare Workers AI o la API de OpenAI: cuándo usar cada unaInfrastructure and SEO · 8 min de lectura
- Maquetación editorial en la web: 5 recursos del papel que funcionanProduct Design · 9 min de lectura
- Longitud de línea e interlineado: cómo ajustarlos en 6 pasosProduct Design · 8 min de lectura
- Design tokens más allá del color: comportamiento y contexto en 2026Product Design · 9 min de lectura
- Qué hace que una landing page convierta: 8 factores, 4 erroresProduct Design · 7 min de lectura
- React Server Components en producción: 6 fallos a evitar en 2026Web Design and Engineering · 7 min de lectura
- Ilustraciones de producto: dibujarlas, comprarlas o dejarlasProduct Design · 8 min de lectura
- 7 señales de que tu agencia de desarrollo va a decepcionarteBusiness and Scale · 8 min de lectura
- WebMCP en 2026: la API con la que los agentes usan tu SaaSAI and Automation · 7 min de lectura
- GEO multimodal: 6 pasos para que la IA cite tus imágenes y vídeosInfrastructure and SEO · 7 min de lectura
- Bun vs Node en 2026: cuándo gana cada runtime en producciónWeb Design and Engineering · 7 min de lectura
- Context engineering: qué es y cómo aplicarlo a los agentes de IAAI and Automation · 8 min de lectura
- Agencia de diseño SaaS en España: qué mirar antes de firmarProduct Design · 8 min de lectura
- Jerarquía visual sin color: 7 recursos en vez del acentoProduct Design · 8 min de lectura
- Diseño de estados vacíos: los 4 que toda pantalla necesitaProduct Design · 9 min de lectura
- Fotografía para la web de un producto software: 7 pasosProduct Design · 9 min de lectura
- Partner de desarrollo de software industrial: qué mirar en 2026Business and Scale · 8 min de lectura
- Agencia de desarrollo SaaS en Italia: cómo elegirla en 2026Business and Scale · 9 min de lectura
- Cuándo contratar una agencia para el design system (y cuándo esperar)Product Design · 7 min de lectura
- Estudio de desarrollo fintech: qué verificar en KYC, PSD3 y DORABusiness and Scale · 9 min de lectura
- Alineación óptica: 7 ajustes que los números no venProduct Design · 8 min de lectura
- Diferencia entre GEO y AEO: qué cambia de verdad en 2026Infrastructure and SEO · 8 min de lectura
- Agent DevTools de Next.js: depurar con IA en 2026Web Design and Engineering · 7 min de lectura
- Gobernanza de MCP en 2026: qué cambió con la Linux FoundationAI and Automation · 8 min de lectura
- Cloudflare AI Gateway: caché, topes de gasto, routing dinámicoInfrastructure and SEO · 7 min de lectura
- Página de precios SaaS: 6 arreglos para no perder clientesProduct Design · 8 min de lectura
- Cómo auditar un design system en 5 días: la checklistProduct Design · 7 min de lectura
- Dirección de arte SaaS: cómo dejar de parecer una plantillaProduct Design · 7 min de lectura
- SOW y MSA: qué contrato protege tu proyecto SaaSBusiness and Scale · 7 min de lectura
- Escala tipográfica para UI de producto: tamaños que aguantan en cada pantallaProduct Design · 7 min de lectura
- Server Actions de Next.js en producción: qué usamos y qué evitamosWeb Design and Engineering · 7 min de lectura
- UX de onboarding: patrones que reducen el abandono inicialProduct Design · 7 min de lectura
- Coste de tokens en funciones de IA: gestiónalo antes de perder margenAI and Automation · 7 min de lectura
- Contratos con agencias de software: 8 cláusulas a revisar en 2026Business and Scale · 7 min de lectura
- llms-full.txt y llms.txt: qué hace cada uno y cuándo añadirloInfrastructure and SEO · 6 min de lectura
- El compilador en Go de TypeScript 7: qué cambia el 10x de velocidadWeb Design and Engineering · 7 min de lectura
- Blindar un servidor MCP para empresas: SSO, auditoría, gatewayAI and Automation · 8 min de lectura
- Design system interno o con agencia: cuándo gana cada unoProduct Design · 7 min de lectura
- Agencia o freelance para un MVP: como elegir en 2026Business and Scale · 6 min de lectura
- Cómo redactar el brief para una agencia de desarrollo softwareBusiness and Scale · 6 min de lectura
- 10 errores de los fundadores al elegir un estudio SaaS en 2026Business and Scale · 7 min de lectura
- El tráfico de búsqueda con IA convierte 4,4 veces más que el orgánicoInfrastructure and SEO · 7 min de lectura
- Qué entrega realmente una fase de discovery (y qué no)Business and Scale · 7 min de lectura
- Partial Prerendering estable en Next.js 16: cómo estructurar rutasWeb Design and Engineering · 7 min de lectura
- Craft híbrido: IA y criterio humano en el diseño en 2026Product Design · 6 min de lectura
- Ventana de contexto de Claude Code: gestiónala como un presupuestoAI and Automation · 7 min de lectura
- AI Overviews vs AI Mode: por qué citan fuentes distintas en 2026Infrastructure and SEO · 7 min de lectura
- Métrica de activación SaaS: la regla de los 2.000 mensajes de SlackBusiness and Scale · 7 min de lectura
- Proliferación de dependencias npm: coste real y cómo reducirlaWeb Design and Engineering · 7 min de lectura
- Precios del retainer de product design en 2026: rangos realesProduct Design · 8 min de lectura
- API de Anthropic en Next.js: streaming, caché y control de costesAI and Automation · 8 min de lectura
- Menciones de marca y backlinks: qué predice las citas de la IAInfrastructure and SEO · 7 min de lectura
- i18n en Next.js sin librería: el patrón del App RouterWeb Design and Engineering · 9 min de lectura
- Abuso de contenido a escala: la pipeline de IA que sobreviveAI and Automation · 7 min de lectura
- Cuánto cuesta la fase de discovery en 2026: qué pagar y qué noBusiness and Scale · 7 min de lectura
- Stripe Checkout vs Customer Portal: qué no puede hacer cada unoInfrastructure and SEO · 7 min de lectura
- TanStack en 2026: Query, Router, Start y qué resuelve cada unoWeb Design and Engineering · 6 min de lectura
- Estrategia de sitemap para un sitio con mucho contenido en 2026Infrastructure and SEO · 7 min de lectura
- Cuánto cuesta integrar IA en un SaaS en 2026: rangos realesAI and Automation · 7 min de lectura
- Coste y plazos de una integración con Stripe para un SaaS en 2026Business and Scale · 7 min de lectura
- Cuánto cuesta el diseño de un sitio SaaS en 2026: guía de preciosProduct Design · 7 min de lectura
- Cuánto cuesta un design system en 2026: proyecto, retainer o copropiedadProduct Design · 7 min de lectura
- ROI de un design system: medirlo como cuenta de resultadosBusiness and Scale · 7 min de lectura
- WebGL o animaciones CSS: cuándo usar cada una (2026)Web Design and Engineering · 6 min de lectura
- Diseno de dashboards SaaS: mostrar datos sin saturar al usuarioProduct Design · 7 min de lectura
- Cómo escribir un archivo CLAUDE.md que guíe de verdad a Claude CodeAI and Automation · 7 min de lectura
- Cómo añadir JSON-LD a un artículo de blog en 2026Infrastructure and SEO · 7 min de lectura
- Rendimiento de fuentes web: un solo WOFF2, cero saltosWeb Design and Engineering · 7 min de lectura
- Convenciones de nombres de design tokens: sistema de 3 nivelesProduct Design · 7 min de lectura
- Diseñar para agentes de IA: la interfaz que lee el usuario no humanoAI and Automation · 7 min de lectura
- Cuánto cuesta desarrollar un MVP en 2026: cifras por alcanceBusiness and Scale · 5 min de lectura
- Checklist de SEO técnico para lanzar un SaaS B2B en 2026Infrastructure and SEO · 7 min de lectura
- 6 errores de frontend que hunden tu puntuación de Lighthouse en 2026Web Design and Engineering · 6 min de lectura
- Component drift: como se degrada un design system y como detectarloProduct Design · 7 min de lectura
- Vercel o Docker para Next.js: de 600$ al mes a unos 90$Infrastructure and SEO · 5 min de lectura
- Cómo contratar un estudio de product engineering en 2026Business and Scale · 8 min de lectura
- RPC con tipos en Server Actions de Next.js: sin capa de APIWeb Design and Engineering · 6 min de lectura
- Estructura de un design system: las 7 categorías y el ordenProduct Design · 7 min de lectura
- Frescura de contenidos en 2026: la regla de 90 días para SEO y GEOInfrastructure and SEO · 7 min de lectura
- ¿Cuánto cuesta desarrollar un SaaS en 2026? Cifras por escenarioBusiness and Scale · 6 min de lectura
- Consultora de IA o estudio de IA: cuál elegir en 2026AI and Automation · 8 min de lectura
- Qué es un Claude Code studio en 2026 (y cómo elegir uno)AI and Automation · 7 min de lectura
- Cómo elegir un studio de product engineering en 2026: la guía del compradorBusiness and Scale · 10 min de lectura
- Arquitectura web en 2026: home como app, el resto estáticoWeb Design and Engineering · 7 min de lectura
- Por qué quitamos componentes en vez de añadirlos: la dieta del design systemProduct Design · 8 min de lectura
- URLs MCP efímeras: el patrón TTL para agentes de IA en 2026AI and Automation · 6 min de lectura
- KPIs de GEO en 2026: citation rate, mention rate, positionInfrastructure and SEO · 8 min de lectura
- Cómo redactar un RFP de software que atraiga al proveedor adecuadoBusiness and Scale · 8 min de lectura
- Core Web Vitals en Next.js en 2026: cómo llegar al verdeWeb Design and Engineering · 8 min de lectura
- Animación funcional UI en 2026: el checklist antes de publicarProduct Design · 7 min de lectura
- Skills de Claude Code: cuándo usarlas y cuándo cuestan tokensAI and Automation · 7 min de lectura
- Dónde encontrar un estudio de diseño SaaS en 2026: 6 canales realesBusiness and Scale · 8 min de lectura
- Cloudflare R2 vs Supabase Storage: cuándo añadir R2 en 2026Infrastructure and SEO · 10 min de lectura
- Stack web inmersivo en 2026: Lenis, GSAP, y qué dejar fueraWeb Design and Engineering · 8 min de lectura
- Upstash Redis: 5 patrones para rate limiting, sesiones, locksInfrastructure and SEO · 8 min de lectura
- TypeScript strict mode: los 9 ajustes que nunca apagamosWeb Design and Engineering · 10 min de lectura
- Agencia de integración de IA en 2026: qué debe contener realmente su pitchAI and Automation · 7 min de lectura
- 12 errores que vemos cometer a los equipos en su primer sistema ops multi-agenteAI and Automation · 7 min de lectura
- Cloudflare R2 vs Supabase Storage vs S3 (2026): cuál elegirInfrastructure and SEO · 7 min de lectura
- Supabase Supavisor: modo transaction, puerto 6543, 80ms extraInfrastructure and SEO · 8 min de lectura
- Agencia Next.js o equipo interno: cuándo gana cada uno en 2026Web Design and Engineering · 8 min de lectura
- Design system as a service: 6 modelos de agencia comparados en 2026Product Design · 8 min de lectura
- Integrar Claude: qué pedir a un socio antes de firmarAI and Automation · 6 min de lectura
- Cómo elegir una agencia de diseño SaaS B2B en 2026Product Design · 8 min de lectura
- Partner de integracion Stripe o DIY: quien gana en 2026Business and Scale · 8 min de lectura
- Agencia de desarrollo MVP en 2026: cómo elegir la que entregaBusiness and Scale · 7 min de lectura
- Mejores agencias de diseño SaaS en 2026: cómo compararlas de verdadProduct Design · 9 min de lectura
- Qué significa realmente un estudio AI-native en 2026Business and Scale · 7 min de lectura
- Seguridad de Server Actions Next.js: 13 fallos y arreglos 2026Web Design and Engineering · 7 min de lectura
- El modo oscuro no es un toggle: theming contextual en 2026Product Design · 7 min de lectura
- Patrones de diseño de sistemas multi-agente en producciónAI and Automation · 7 min de lectura
- Rendimiento de Supabase RLS: 7 arreglos a la ralentización 11xInfrastructure and SEO · 9 min de lectura
- Deterioro post-lanzamiento: por qué un sitio falla 6 meses despuésBusiness and Scale · 7 min de lectura
- Edge runtime o Node runtime: qué cambia en Next.js 16Web Design and Engineering · 9 min de lectura
- Diseño accesible tras la EU Accessibility ActProduct Design · 7 min de lectura
- Hooks de Claude Code: guardas PreToolUse, formatters PostToolUseAI and Automation · 9 min de lectura
- Crawlers IA en Cloudflare: dejar pasar a GPTBot y ClaudeBotInfrastructure and SEO · 11 min de lectura
- Multi-tenant desde el primer día: por qué el SaaS single-tenant es un error de 5 añosBusiness and Scale · 8 min de lectura
- Por qué quitamos Tailwind de producción: un design system solo CSSWeb Design and Engineering · 8 min de lectura
- Calm UI en 2026: el fin de los teatros de animaciónProduct Design · 6 min de lectura
- IA pegada encima o AI-native: por qué el retrofit topa con un techoAI and Automation · 8 min de lectura
- Los 7 tipos de schema markup que todo blog necesita en 2026Infrastructure and SEO · 8 min de lectura
- RevenueCat o Stripe Billing en 2026: 1% frente a 0,7%Business and Scale · 9 min de lectura
- CSS moderno 2026: cascade layers, container queries, :has()Web Design and Engineering · 7 min de lectura
- Cómo gobernar un design system en 10+ proyectos consumidoresProduct Design · 8 min de lectura
- Patrones de flujo de trabajo de Claude Code que usamos para enviar código a producción cada díaAI and Automation · 7 min de lectura
- llms.txt: qué es, qué poner dentro y si lo necesitasInfrastructure and SEO · 7 min de lectura
- Medición de uso en SaaS: los 6 pasos con Stripe BillingBusiness and Scale · 8 min de lectura
- Por qué seguimos eligiendo Next.js sobre Astro para SaaS en 2026Web Design and Engineering · 8 min de lectura
- 10 errores de design system que arruinan la coherencia a escalaProduct Design · 8 min de lectura
- Servidor MCP gestionado o propio: los 6 criterios claveAI and Automation · 10 min de lectura
- Cómo escribir los primeros 200 tokens para que los motores de IA citen tu artículoInfrastructure and SEO · 6 min de lectura
- Un equipo, una factura: dejar de acumular vendors SaaSBusiness and Scale · 7 min de lectura
- Directivas de React Compiler 1.0: use memo y use no memoWeb Design and Engineering · 7 min de lectura
- Design tokens vs variables CSS vs Tailwind, explicado (2026)Product Design · 9 min de lectura
- Servidor MCP en Next.js: mcp-handler, OAuth 2.1, sesiones RedisAI and Automation · 7 min de lectura
- Las 12 mejores prácticas de GEO que suben las citas en 2026Infrastructure and SEO · 8 min de lectura
- Estudio vs freelance vs agencia en 2026: quién encaja en cada presupuestoBusiness and Scale · 8 min de lectura
- Server Components vs Client Components: el árbol de decisión que seguimosWeb Design and Engineering · 7 min de lectura
- Bibliotecas de componentes externas: un atajo caroProduct Design · 6 min de lectura
- Qué es MCP y por qué tu SaaS necesita un servidor MCP en 2026AI and Automation · 7 min de lectura
- Qué es Generative Engine Optimization (GEO) frente al SEOInfrastructure and SEO · 6 min de lectura
- El impuesto de agencia: por qué las empresas mid-market pagan de más por lo digitalBusiness and Scale · 7 min de lectura
- Next.js 16 y React 19: los 3 breaking changes para SaaS en 2026Web Design and Engineering · 7 min de lectura
- Auditoría de design system: los 5 controles y la hoja de rutaProduct Design · 13 min de lectura
- 7 errores en apps con Claude que cuestan tokens, dinero o la empresaAI and Automation · 5 min de lectura