ZaRQuN – Diseño Gráfico, Web y Programación Blog sobre diseño grafico en general y curiosidades

Si trabajas con React, Vue, Angular, Svelte o cualquier otro framework moderno, es muy probable que hayas oído hablar de Storybook. Y si todavía no lo utilizas, puede que estés perdiendo una de las herramientas que más tiempo ahorra en el desarrollo de interfaces.

La idea es muy simple: en lugar de arrancar toda la aplicación cada vez que quieres modificar un botón, un formulario o una tarjeta, Storybook te permite desarrollar cada componente por separado. Es como tener un laboratorio donde probar todos los estados posibles de una interfaz sin depender de APIs, bases de datos o lógica de negocio.

Cada variante de un componente se guarda como una «story». Gracias a eso puedes comprobar rápidamente cómo se comporta un botón deshabilitado, una alerta de error o un formulario con datos reales sin tener que navegar por toda la aplicación para llegar a ese punto.

Pero Storybook ya no sirve únicamente para desarrollar componentes. También genera documentación automática, facilita la creación de Design Systems, permite realizar pruebas visuales, test de interacción y comprobaciones de accesibilidad desde un único lugar. Todo ello convierte la biblioteca de componentes en una fuente de verdad para diseñadores y desarrolladores.

Otra de sus grandes ventajas es que se integra con la mayoría de herramientas habituales del ecosistema frontend, desde React y Next.js hasta Vue, Angular o Web Components. Además, admite cientos de integraciones que amplían todavía más sus posibilidades sin obligarte a cambiar tu flujo de trabajo.

No es casualidad que miles de empresas lo utilicen para mantener sus sistemas de diseño organizados y que millones de desarrolladores lo tengan instalado en sus proyectos. Si alguna vez has perdido tiempo buscando dónde se usa un componente o intentando reproducir un estado concreto de la interfaz, Storybook probablemente sea la solución que estabas buscando.

En un momento donde los proyectos frontend son cada vez más complejos y la reutilización de componentes es la norma, Storybook se ha convertido en una herramienta casi imprescindible para desarrollar interfaces más rápidas, consistentes y fáciles de mantener.

#Storybook #Frontend #JavaScript #React #Vue #Angular #UI #DesignSystem #WebDevelopment #Programación #DesarrolloWeb #OpenSource #FrontendDeveloper #CSS #DeveloperTools

El mundo del cómic está lleno de artistas con talento, pero pocos están consiguiendo una proyección tan sólida como la de Fabrizio De Tommaso. Este ilustrador nacido en Italia lleva años construyendo una carrera que lo ha llevado desde editoriales europeas hasta algunas de las franquicias más importantes del cómic estadounidense.

Su nombre aparece cada vez con más frecuencia en portadas y proyectos de gigantes como Marvel Comics y DC Comics, donde ha trabajado con personajes tan icónicos como Batman, Superman, Wonder Woman, Venom o Sabretooth.

Antes de dar el salto definitivo al mercado internacional, De Tommaso ya había dejado huella en la editorial italiana Sergio Bonelli Editore, participando en series tan populares como Dylan Dog y Morgan Lost. Su trabajo destaca por una combinación muy efectiva de dinamismo, detalle y una narrativa visual capaz de transmitir fuerza incluso en una sola imagen.

Lo interesante de su evolución es que representa perfectamente la nueva generación de artistas europeos que están marcando tendencia en el cómic americano. Sus ilustraciones mezclan espectacularidad, composición cuidada y un acabado moderno que funciona igual de bien en portadas que en páginas interiores. No es casualidad que coleccionistas y aficionados al arte original sigan cada vez más de cerca sus trabajos.

Si te gustan las ilustraciones de superhéroes con personalidad propia, o simplemente quieres descubrir artistas que están dando mucho que hablar dentro de la industria, Fabrizio De Tommaso es uno de esos nombres que merece la pena seguir de cerca.

#FabrizioDeTommaso #ComicArt #MarvelComics #DCComics #Illustration #DigitalArt #ConceptArt #ComicBookArtist #Batman #Superman #Venom #WonderWoman #DylanDog #MorganLost #GraphicDesign #ArteDigital #Comics #DiseñoGráfico #Ilustración #Arte

Si pensabas que Figma ya era mucho más que una herramienta de diseño, Config 2026 ha dejado claro que la compañía quiere convertirse en el centro de todo el proceso creativo y de desarrollo digital.

La gran estrella del evento ha sido la llegada de los Code Layers, una función que permite trabajar directamente con código dentro del propio lienzo de Figma. La idea es reducir la distancia entre diseño y desarrollo, permitiendo explorar, modificar y sincronizar interfaces sin saltar constantemente entre herramientas.

Otra de las novedades más llamativas es Figma Motion, un sistema de animación integrado que añade líneas de tiempo, fotogramas clave y generación de animaciones mediante IA. Esto significa que los diseñadores podrán crear transiciones, efectos y movimientos complejos sin depender de software externo.

La inteligencia artificial también llega al apartado visual con los nuevos Shaders, capaces de generar efectos avanzados como pixelados, desenfoques o tratamientos gráficos personalizados simplemente describiendo lo que se quiere conseguir.

Además, Figma ha presentado los Generative Plugins, una forma de crear herramientas personalizadas mediante instrucciones en lenguaje natural, sin necesidad de conocimientos de programación. A esto se suman las nuevas integraciones de IA, conectores con plataformas externas y los flujos de trabajo de Weave, orientados a automatizar tareas creativas complejas.

La sensación general tras Config 2026 es clara: Figma ya no quiere ser únicamente una aplicación para diseñar interfaces. Su objetivo es convertirse en el espacio donde diseñadores, desarrolladores e inteligencia artificial colaboren sobre un mismo lienzo, eliminando barreras entre la idea inicial y el producto final.

#Figma #Config2026 #DiseñoUX #UIDesign #DiseñoDigital #Programacion #DesarrolloWeb #InteligenciaArtificial #MotionDesign #DesignTools #Frontend #ProductDesign

Si estás desarrollando una aplicación con IA, haciendo pruebas o simplemente experimentando con modelos de lenguaje, seguramente te has encontrado con el mismo problema: casi todas las APIs interesantes terminan pasando por caja. Ahí es donde entra en juego Free LLM API Resources, un repositorio que se ha convertido en uno de los recursos más útiles para cualquier desarrollador que trabaje con inteligencia artificial.

La idea es sencilla pero tremendamente práctica: reunir en un único lugar todos los proveedores que ofrecen acceso gratuito o créditos iniciales para utilizar modelos de lenguaje mediante API. En la lista aparecen plataformas conocidas como OpenRouter, Google AI Studio, Groq, Cohere, GitHub Models, Cloudflare Workers AI o NVIDIA NIM, junto a sus límites de uso, cuotas disponibles y modelos compatibles.

Lo interesante no es solo la cantidad de servicios recopilados, sino el tiempo que ahorra. En lugar de investigar proveedor por proveedor para descubrir si tienen plan gratuito, límites diarios o créditos promocionales, aquí tienes una comparativa actualizada que te permite elegir rápidamente la mejor opción para tu proyecto.

Para quienes crean prototipos, herramientas internas, bots, extensiones o proyectos personales, este repositorio puede significar la diferencia entre empezar hoy mismo o perder horas buscando alternativas. Además, incluye tanto proveedores con planes gratuitos permanentes como servicios que ofrecen créditos de prueba para lanzar proyectos más ambiciosos sin inversión inicial.

No es casualidad que haya acumulado decenas de miles de estrellas en GitHub. Se ha convertido en una referencia habitual entre desarrolladores que buscan experimentar con modelos de IA sin disparar costes desde el primer día. Si trabajas con inteligencia artificial, merece un lugar fijo en tus marcadores.

#IA #InteligenciaArtificial #LLM #API #DesarrolloWeb #Programacion #OpenSource #GitHub #MachineLearning #Desarrolladores #AITools #Tech

Las plumas son una de esas texturas que pueden convertir una ilustración espectacular en una auténtica pesadilla. Conseguir que tengan volumen, dirección, detalle y un sombreado creíble suele requerir mucho tiempo, especialmente cuando se trabaja con criaturas fantásticas, aves o personajes con elementos orgánicos complejos.

Por eso resulta tan interesante esta colección de pinceles especializados en plumas y pelaje. Su principal ventaja es que permiten construir texturas complejas de forma mucho más rápida, añadiendo detalles que normalmente obligarían a realizar decenas de pinceladas manuales.

Los pinceles están diseñados para generar agrupaciones de plumas con diferentes formas y orientaciones, facilitando la creación de capas de volumen y sombreado. Esto ayuda a romper el aspecto artificial que muchas veces aparece cuando las plumas se dibujan una a una o utilizando pinceles demasiado genéricos.

Además de las plumas, el paquete incorpora variantes enfocadas al pelaje, una solución especialmente útil para ilustradores que trabajan criaturas, animales o personajes con elementos naturales. Gracias a sus formas orgánicas, es posible obtener texturas más ricas sin aumentar la complejidad del proceso de pintura.

Otro punto interesante es que las formas base de los pinceles están visibles, permitiendo recrearlas fácilmente en aplicaciones como Photoshop, Procreate, Clip Studio Paint o cualquier software que admita pinceles personalizados. Esto convierte el recurso en algo útil incluso para quienes prefieren construir sus propias bibliotecas de herramientas.

Al final, no se trata de que un pincel haga el trabajo por ti, sino de eliminar tareas repetitivas y permitir que el artista dedique más tiempo a la composición, el color y la iluminación. Y en ese sentido, este tipo de recursos puede marcar una diferencia enorme en cualquier flujo de trabajo de pintura digital.

Descargar – Recursos gratuitos para pintar plumas, alas y pelaje con más realismo
Fuente: chickenbusiness

#ArteDigital #PinturaDigital #Brushes #PhotoshopBrushes #ProcreateBrushes #ConceptArt #IlustracionDigital #DigitalPainting #CharacterDesign #CreatureDesign #ArtResources #DigitalArt #DrawingTools #ConceptArtist #BrushPack

Si llevas años trabajando en diseño gráfico, seguramente hayas descargado algún vector, icono o fotografía de Freepik. Pues toca acostumbrarse a un nuevo nombre: Freepik ya es Magnific.

Aunque pueda parecer un simple rebranding, la realidad es que el cambio va mucho más allá de un nuevo logo o una nueva identidad visual. La empresa malagueña ha decidido dejar atrás una marca asociada principalmente a recursos gráficos para reflejar lo que realmente es hoy: una plataforma integral de creación impulsada por inteligencia artificial.

La evolución ha sido enorme. Lo que empezó en 2010 como un buscador de imágenes y recursos gratuitos se ha convertido en una herramienta capaz de generar imágenes, vídeo, audio, ilustraciones y contenidos creativos mediante IA. El crecimiento ha sido tan rápido que el nombre Freepik ya no representaba todo lo que la compañía ofrece actualmente.

El nuevo nombre no es casual. Magnific era una startup especializada en mejora y escalado de imágenes mediante inteligencia artificial que fue adquirida por la compañía en 2024. Dos años después, la marca ha terminado absorbiendo la identidad corporativa completa del grupo.

Las cifras ayudan a entender el movimiento. La empresa supera el millón de suscriptores de pago, cuenta con cientos de clientes empresariales y genera más de 200 millones de dólares en ingresos recurrentes anuales. Todo ello desde Málaga, convirtiéndose en uno de los mayores referentes europeos en inteligencia artificial generativa.

Para diseñadores, ilustradores, creadores de contenido y desarrolladores, este cambio simboliza algo más grande: el paso definitivo de las bibliotecas de recursos tradicionales a plataformas donde la creatividad se genera, edita y produce mediante IA en un único entorno de trabajo. Freepik fue durante años una herramienta para encontrar contenido. Magnific quiere convertirse en la herramienta para crearlo.

Y viendo hacia dónde avanza la industria creativa, parece una apuesta bastante lógica.

#Freepik #Magnific #IA #InteligenciaArtificial #DiseñoGrafico #CreativeAI #GenerativeAI #Branding #Rebranding #Diseñadores #CreatividadDigital #ArteDigital #Málaga #Tecnologia #DesignTools

Ver esta publicación en Instagram

Una publicación compartida de Levi's (@levis)

A veces las mejores ideas nacen cuando aparece un problema inesperado. Y eso es exactamente lo que le ocurrió a Levi’s durante el Mundial.

Como la marca no forma parte de los patrocinadores oficiales de la FIFA, el organismo exigió que se ocultara el famoso logo de Levi’s en el Levi’s Stadium, uno de los estadios elegidos para albergar partidos del torneo. La intención era clara: evitar que una marca ajena a los patrocinadores consiguiera visibilidad gratuita durante uno de los eventos deportivos más vistos del planeta.

La solución fue cubrir el logo con una gran lona blanca. Pero aquí llegó el giro inesperado. La silueta resultante era tan reconocible que acabó llamando más la atención que el propio logo original. Todo el mundo sabía perfectamente qué marca estaba detrás de esa forma tapada.

Levi’s entendió rápidamente la oportunidad y decidió jugar con ella. En lugar de quejarse o intentar pasar desapercibida, llevó la broma a sus redes sociales, donde incluso sustituyó su foto de perfil por una versión del logo cubierto. Una respuesta simple, divertida y perfectamente alineada con la personalidad de la marca.

El resultado fue una lección de branding en toda regla. Cuando una identidad visual es realmente fuerte, no necesita mostrarse por completo para ser reconocida. Bastan unos pocos elementos para que el público conecte inmediatamente con ella.

Lo que comenzó como una restricción terminó convirtiéndose en una campaña viral sin necesidad de grandes presupuestos ni producciones complejas. Un ejemplo perfecto de cómo transformar un obstáculo en una oportunidad y demostrar que, en marketing, muchas veces la creatividad vale más que la visibilidad pagada.

#Levis #Branding #Marketing #Publicidad #DiseñoGráfico #Creatividad #SocialMedia #MarketingDigital #FIFA #Mundial #IdentidadVisual #Diseño #CampañasVirales #Logo #BrandDesign

En un sector donde las tendencias cambian cada pocos meses, encontrar estudios que apuesten por la durabilidad del diseño no es tan habitual. Ahí es donde entra en juego Tois Estudio, un estudio creativo de Barcelona especializado en branding, dirección de arte, diseño gráfico e identidad corporativa que lleva más de veinte años observando cómo evoluciona la industria creativa.

Su filosofía es sencilla: crear diseños que no envejezcan a la velocidad de las modas. Mientras muchas marcas persiguen la última tendencia visual, Tois apuesta por construir identidades capaces de mantenerse relevantes durante años. Su experiencia les ha permitido vivir la transición del diseño analógico al digital, el auge del street marketing, el minimalismo y muchas otras corrientes que han marcado la comunicación visual de las últimas décadas.

El estudio trabaja tanto en la creación de nuevas marcas como en procesos de rebranding para empresas ya consolidadas. Entre sus proyectos aparecen trabajos para compañías y organizaciones como General Óptica, Audi, FC Barcelona, Ray-Ban o El Terrat, demostrando una gran capacidad para adaptarse a sectores y necesidades muy diferentes.

Lo interesante de su enfoque es que entienden el diseño como una inversión a largo plazo. No buscan crear algo que funcione únicamente hoy, sino desarrollar identidades visuales que sigan siendo efectivas dentro de cinco o diez años. En una época dominada por los cambios constantes, esa visión resulta casi revolucionaria.

Para diseñadores, creativos y desarrolladores que valoran la coherencia visual y la construcción de marcas sólidas, Tois Estudio es un buen ejemplo de cómo combinar experiencia, estrategia y creatividad sin depender de las tendencias pasajeras.

#DiseñoGráfico #Branding #IdentidadCorporativa #DirecciónDeArte #DiseñoVisual #Creatividad #DiseñoWeb #MarketingDigital #DiseñoDeMarcas #ToisEstudio

La inteligencia artificial es muy buena escribiendo código, pero también tiene una peligrosa afición por complicar tareas sencillas. Ahí es donde entra Ponytail, un proyecto open source creado por Dietrich Gebert que intenta enseñar a los agentes de programación una habilidad que muchos desarrolladores veteranos dominan desde hace años: no escribir código cuando no hace falta.

La idea detrás de Ponytail es sorprendentemente simple. Antes de generar una solución, obliga a la IA a hacerse varias preguntas: ¿realmente hay que crear esto?, ¿ya existe en la librería estándar?, ¿el navegador o el sistema operativo ya lo resuelven?, ¿alguna dependencia instalada lo hace? Solo cuando todas las respuestas son negativas permite escribir código nuevo.

El resultado, según los benchmarks publicados por el proyecto, es una reducción drástica del volumen de código generado, menores costes de uso de modelos de IA y tiempos de respuesta mucho más rápidos. Todo gracias a una filosofía basada en YAGNI («You Aren’t Gonna Need It»), un principio clásico que combate la sobreingeniería.

Uno de los ejemplos más divertidos es el de un selector de fechas. Mientras un agente convencional podría instalar una librería completa, crear componentes personalizados y añadir estilos, Ponytail simplemente recuerda que HTML ya incluye <input type="date"> y que probablemente no necesitas nada más.

Lo interesante es que Ponytail no es un modelo de IA ni un asistente independiente. Funciona como una capa de comportamiento compatible con herramientas como Codex, Claude Code, Cursor, OpenCode y otros entornos de desarrollo asistidos por IA. Su objetivo no es hacer que la IA programe más, sino que programe mejor.

En una época donde muchos proyectos terminan con cientos de líneas de código innecesarias, Ponytail apuesta por algo mucho más revolucionario: la simplicidad.

Repositorio oficial: Ponytail en GitHub

#Ponytail #GitHub #OpenSource #Programacion #DesarrolloWeb #Codex #ClaudeCode #IA #DeveloperTools #SoftwareDevelopment #Coding #Tech #Productividad #DevLife #AIProgramming

Hay efectos que nunca pasan de moda, y el famoso Cross Process es uno de ellos. Este estilo nace de una técnica fotográfica tradicional en la que se revelaba una película con químicos destinados a otro tipo de carrete, generando resultados impredecibles, colores más atrevidos y contrastes muy llamativos. Hoy puedes conseguir una estética similar con un simple LUT.

El Free Film Emulation LUT «Cross Process» de FixThePhoto está pensado para quienes quieren experimentar con un look más creativo sin complicarse con largas sesiones de corrección de color. Al aplicarlo, las imágenes ganan fuerza visual, aparecen cambios interesantes en las tonalidades y se consigue ese aire cinematográfico y ligeramente vintage que sigue funcionando muy bien en redes sociales, vídeos de viaje, moda o contenido creativo.

Además, se distribuye en formato .CUBE, lo que permite utilizarlo en herramientas tan populares como Photoshop, Premiere Pro, DaVinci Resolve, After Effects, Final Cut Pro o Sony Vegas. Esto lo convierte en una opción interesante tanto para diseñadores como para creadores de contenido y editores de vídeo que quieren ampliar su biblioteca de recursos sin gastar dinero.

Si te gusta probar estilos visuales diferentes y buscas una forma rápida de transformar tus proyectos, este LUT gratuito merece un hueco en tu colección.

Descarga gratuita: FixThePhoto – Cross Process LUT Gratis

#LUT #ColorGrading #FilmEmulation #CrossProcess #VideoEditing #DaVinciResolve #PremierePro #MotionGraphics #DiseñoGráfico #Fotografía #RecursosGratis #CreativeTools #PostProducción #Filmmaking #FixThePhoto