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

Si eres de los que piensa que el diseño digital a veces se siente un poco «frío», déjame decirte que no hay nada que un buen par de curvas hechas a mano no puedan arreglar. He estado buceando entre archivos y carpetas para recopilar un set de fuentes estilo handwritten que son pura magia visual. Lo que me encanta de este listado es que no se limita a un solo estilo; tenemos desde la elegancia extrema de una firma de lujo hasta ese trazo rebelde que parece escrito con prisas en una servilleta de papel. Si buscas que tu próximo logo, invitación o post de Instagram grite personalidad, aquí tienes las herramientas perfectas ordenadas alfabéticamente para que no te pierdas: Amsterdam Handwriting, esa joya que fluye sola; Armelie, con un aire sofisticado; Astellan, que aporta estructura; Autography, ideal para marcas personales; Bastliga One, con mucha fuerza visual; California Signature, que nos transporta directamente a la costa; Dalton White Font, con un trazo limpio y orgánico; Mayonice, dulce y equilibrada; Priestacy, que tiene un carácter único; Thesignature, la definición de clase; Valentine Delight Script, perfecta para proyectos románticos; y Vartensie, que cierra el grupo con un estilo vibrante. Al final del día, elegir la tipografía adecuada es como elegir el outfit perfecto: dice quién eres antes de que abras la boca (o en este caso, antes de que lean el texto). Así que dale una oportunidad a estas fuentes, experimenta con sus ligaduras y deja que el diseño hable por ti con esa calidez que solo lo hecho «a mano» puede transmitir.

#DiseñoGráfico #Tipografía #HandwrittenFonts #FuentesManuscritas #Branding #RecursosDiseño #Lettering #Creatividad

Si te interesa el desarrollo web moderno y React, hay un recurso que deberías guardar ya mismo en favoritos: el curso oficial Learn Next.js de la web de Next.js. Se trata de un tutorial interactivo y totalmente gratuito creado por el propio equipo del framework para aprender a construir aplicaciones web modernas paso a paso.

La gracia de este curso es que no se limita a teoría ni a ejemplos sueltos. Desde el primer momento empiezas a construir una aplicación real mientras aprendes cómo funciona el framework por dentro. El tutorial está organizado en varios capítulos que te guían desde los conceptos básicos hasta características más avanzadas, con ejercicios y pequeños tests para comprobar que realmente has entendido cada parte.

A lo largo del curso crearás un proyecto completo, configurando el entorno de desarrollo y trabajando con un proyecto base llamado “ACME”. Poco a poco irás añadiendo funcionalidades reales como estilos con CSS o Tailwind, optimización de imágenes y fuentes, creación de páginas y layouts, navegación entre rutas o gestión de datos en el servidor.

También aprenderás temas bastante potentes del ecosistema moderno de React: renderizado estático y dinámico, streaming para mejorar tiempos de carga, búsqueda y paginación de datos, autenticación de usuarios, manejo de errores y optimización SEO mediante metadata. Todo ello dentro del propio flujo de desarrollo de Next.js.

Una de las mejores cosas del curso es que puedes hacerlo completamente a tu ritmo. La plataforma guarda tu progreso, así que puedes seguir aprendiendo cuando tengas un rato libre sin perder el hilo. Además, al terminar tendrás una aplicación funcional lista para desplegar, lo cual es perfecto si quieres empezar a crear tus propios proyectos con este framework.

En definitiva, si quieres dar el salto de React a aplicaciones web más completas y rápidas, este tutorial es probablemente uno de los mejores puntos de partida. Es oficial, está pensado para aprender construyendo y, lo mejor de todo, no cuesta absolutamente nada.

#NextJS #ReactJS #DesarrolloWeb #Programacion #JavaScript #Frontend #FullStack #WebDevelopment #DevTools #AprenderProgramacion

Si te gustan los recursos gráficos que puedes usar prácticamente para cualquier proyecto, este pack gratuito de 24 Free Geometric Seamless Patterns de Samolevsky es justo de esos que merece la pena guardar en tu colección. Se trata de una selección de patrones geométricos minimalistas pensados para aportar un toque moderno y elegante a cualquier diseño, desde fondos para webs hasta packaging, branding, redes sociales o incluso impresión textil.

Lo interesante de estos patrones es su enfoque en la simplicidad. Son diseños geométricos limpios, muy versátiles y fáciles de integrar en casi cualquier estilo visual. Funcionan especialmente bien cuando necesitas un fondo que aporte personalidad sin robar protagonismo al contenido principal. Además, al ser seamless, los patrones se repiten de forma infinita sin cortes visibles, lo que los hace perfectos para superficies grandes o composiciones repetitivas.

El pack incluye 24 patrones distintos, cada uno con su propio estilo geométrico, pero todos mantienen una estética minimalista que encaja perfectamente en proyectos modernos. Son ideales para crear fondos para presentaciones, posts en redes sociales, portadas, papelería corporativa, carteles o incluso para diseñar texturas dentro de interfaces UI.

Otro punto fuerte es que son completamente editables y personalizables. Al estar creados en formato vectorial puedes modificar colores, cambiar proporciones, ajustar formas o incluso combinar distintos patrones entre sí para crear composiciones nuevas. Esto los convierte en un recurso mucho más flexible que un simple fondo estático.

El pack también destaca por la cantidad de formatos incluidos, algo que siempre se agradece cuando trabajas con diferentes herramientas de diseño. Podrás utilizarlos en prácticamente cualquier software creativo porque vienen preparados en AI, EPS, SVG, PDF, JPG, PNG, PSD y PAT. Esto significa que puedes abrirlos directamente en programas como Illustrator para editar el vector, en Photoshop para aplicarlos como patrón o incluso utilizarlos como imágenes listas para usar.

Para quienes trabajan con Photoshop, el archivo PAT es especialmente útil porque permite cargar los patrones directamente en el panel de patrones del programa y aplicarlos en segundos sobre cualquier forma o fondo. Si prefieres trabajar con vectores, los formatos AI o SVG te darán total libertad para modificar el diseño.

Este pack gratuito es solo una pequeña muestra de una colección mucho más grande que incluye 150 patrones geométricos, así que si te gusta el estilo tienes todavía más posibilidades para explorar. Pero incluso esta versión gratuita ya es más que suficiente para empezar a experimentar y añadir variedad a tus proyectos.

Si eres diseñador gráfico, trabajas con branding, creas contenido para redes o simplemente te gusta tener recursos gráficos listos para usar, estos patrones son de esos descargables que siempre vienen bien tener a mano. Son limpios, modernos, fáciles de editar y funcionan en prácticamente cualquier tipo de proyecto creativo.

#recursosgratis #patrones #patterns #seamlesspatterns #geometricpatterns #diseñografico #graphicdesign #photoshop #illustrator #recursosdiseño #vectores #fondos

Si alguna vez has intentado explicar una idea compleja con palabras y has terminado diciendo “espera, que te lo dibujo”, entonces Excalidraw te va a gustar mucho. Esta herramienta online es básicamente una pizarra digital pensada para dibujar ideas rápidamente, pero con un toque muy especial: todo tiene un estilo de boceto hecho a mano que hace que tus diagramas se vean claros, informales y fáciles de entender.

La gracia de Excalidraw es su simplicidad. Entras en la web y puedes empezar a dibujar inmediatamente sin crear cuenta ni instalar nada. Tienes un lienzo infinito donde puedes añadir rectángulos, círculos, flechas, texto o dibujar a mano alzada para crear diagramas, esquemas, wireframes o mapas mentales en cuestión de segundos. Todo está pensado para ir rápido: seleccionar, arrastrar, conectar elementos y listo.

Uno de los detalles más curiosos es su estilo visual. En lugar de buscar líneas perfectas y diseños ultra pulidos, Excalidraw apuesta por una estética de “boceto”. Esto tiene más sentido de lo que parece, porque cuando algo se ve como un sketch la gente se centra más en la idea que en los detalles visuales. Es perfecto para sesiones de brainstorming, planificación de proyectos o explicar procesos técnicos sin perder tiempo afinando píxeles.

Además, permite colaborar en tiempo real, lo que significa que puedes compartir un enlace y empezar a dibujar con tu equipo como si estuvierais en una misma pizarra. También incluye funciones como exportar los dibujos en PNG o SVG, importar imágenes, usar bibliotecas de elementos o guardar los proyectos en archivos propios de la herramienta.

Otro punto fuerte es que es open source y gratuito, algo que lo ha convertido en una herramienta muy popular entre desarrolladores, diseñadores de producto y equipos que necesitan visualizar ideas rápidamente. Incluso puedes integrarlo en otras herramientas o alojarlo en tu propio servidor si quieres tener control total sobre tus datos.

En resumen, Excalidraw es una de esas herramientas que no intenta sustituir a software de diseño complejo como Figma o Illustrator. Su objetivo es mucho más simple: ayudarte a pensar, explicar y compartir ideas visualmente en cuestión de segundos. Y cuando la idea es buena, un simple boceto muchas veces vale más que un diseño perfecto.

Si trabajas en diseño, desarrollo, producto o simplemente te gusta organizar ideas visualmente, probablemente acabarás abriendo Excalidraw más veces de las que imaginas.

#Excalidraw #HerramientasOnline #Diagramas #Wireframes #UXDesign #Productividad #DiseñoDigital #Brainstorming #OpenSource #DiseñoUX

Si estás buscando pinceles para Photoshop gratis que realmente aporten personalidad a tus diseños, ilustraciones o composiciones digitales, apunta este nombre: Pabum by Inci Semiz. Este pack incluye nada menos que 30 brushes pensados para adaptarse a una amplia variedad de proyectos creativos, desde ilustración digital hasta diseño gráfico, lettering, concept art o piezas para redes sociales. Y lo mejor de todo: son totalmente gratuitos tanto para uso personal como comercial, así que puedes utilizarlos en trabajos para clientes sin preocuparte por licencias complicadas.

El paquete se entrega en un único archivo .abr que contiene los 30 pinceles listos para instalar en Photoshop en cuestión de segundos. Descargas, cargas el archivo en tu panel de pinceles y ya tienes todo el set preparado para empezar a experimentar. La versatilidad es uno de los puntos fuertes de Pabum: encontrarás texturas orgánicas, trazos con carácter, acabados más artísticos y recursos ideales para dar ese toque más humano y menos “perfecto” a tus composiciones digitales. Son pinceles que ayudan a romper la rigidez vectorial y a introducir matices más expresivos en cualquier diseño.

#Photoshop #PincelesPhotoshop #BrushesGratis #RecursosGratuitos #DiseñoGráfico #IlustraciónDigital #PhotoshopBrushes #Freebies #Diseñadores #Creatividad

Si eres diseñador, desarrollador o simplemente te flipa el buen diseño, Godly.website es como ese moodboard imposible de ignorar que siempre quisiste tener. Se trata de una galería curada de sitios web extraordinarios, seleccionados a mano por su estética, creatividad y presencia visual — nada de basura generada automáticamente. Cada día puedes perderte entre propuestas audaces, portfolios espectaculares, webs con animaciones locas y proyectos que rompen las reglas tradicionales del diseño digital.

La magia de Godly está en su selección: no verás miles de sitios mediocres sino lo mejor de lo mejor, desde e-commerce con estilo hasta portafolios que parecen obras de arte, todo organizado para que te inspires sin perder tiempo.

Eso sí: algunos usuarios comentan que cuando cambian el diseño de la propia plataforma, no todo el mundo está contento — para algunos, la navegación pierde facilidad aunque sigue siendo una mina de buenas ideas.

En definitiva, si lo tuyo es el diseño web con alma, visualmente atrevido y con toneladas de UX y UI que te hagan decir “wow”, Godly.website es una parada obligatoria en tu feed diario de inspiración.

#GodlyWebsite #DiseñoWeb #InspiracionUIUX #WebDesign #UXDesign #UIDesign #TendenciasUX #CreatividadDigital #PortafolioWeb #DiseñadoresWeb #InspiracionWeb

Si trabajas con Figma a diario, sabes que el verdadero poder de la herramienta no está solo en su interfaz limpia y colaborativa, sino en su ecosistema de plugins. Y es que los plugins para Figma pueden convertir un buen flujo de trabajo en uno brutalmente eficiente. Hoy te traigo una selección que debería estar instalada ya mismo en tu panel: Motion, Table Creator, Supa Palette, Storyset, Typescale y Breakpoints. Y sí, al final te dejo algunos extras que también merecen cariño.

Empezamos con Motion, un plugin perfecto para quienes quieren añadir animaciones y microinteracciones sin salir de Figma. Ideal para prototipos más realistas y presentaciones que no se queden en pantallas estáticas. Si trabajas en UX, Motion te ayuda a simular transiciones y movimientos de forma sencilla, elevando la percepción profesional de tus entregables.

Table Creator (muchos lo buscan como Table Creatos, pero el nombre correcto es Table Creator) es un salvavidas cuando necesitas crear tablas complejas en segundos. Olvídate de duplicar celdas manualmente. Este plugin para Figma genera tablas personalizables que puedes adaptar a dashboards, tablas de precios o sistemas de datos sin perder tiempo.

Supa Palette es una joya para trabajar color. Te permite generar y organizar paletas coherentes de forma rápida, ideal si estás creando un sistema de diseño o ajustando branding. Si el color es una parte clave de tu proyecto, este plugin te ayudará a mantener consistencia visual sin volverte loco probando combinaciones infinitas.

Autoflow para crear flujos entre pantallas de forma visual.

Storyset integra ilustraciones editables directamente en Figma. Si ya conoces el potencial de las ilustraciones personalizables en diseño web y apps, este plugin te permite importar recursos listos para adaptar a tu estilo visual. Perfecto para landing pages, onboarding screens o presentaciones más dinámicas.

Content Reel para insertar texto e imágenes de prueba rápidamente

Typescale es imprescindible cuando trabajas tipografía en proyectos UI. Define escalas tipográficas coherentes basadas en ratios y crea jerarquías claras en cuestión de segundos. Si estás desarrollando un design system, este plugin te ahorra tiempo y mejora la consistencia visual de tu producto.

Breakpoints es otro imprescindible para diseño responsive. Te ayuda a trabajar distintos tamaños de pantalla dentro de Figma sin perder el control del layout. Si diseñas para desktop, tablet y móvil, este plugin facilita visualizar y organizar puntos de ruptura de forma clara.

Unsplash para añadir fotografías sin salir de la herramienta

Figmotion si quieres una alternativa potente para animación avanzada.

Si trabajas con sistemas complejos, Tokens Studio también puede ser una gran incorporación para manejar variables y design tokens.

La clave no es instalar todos los plugins posibles, sino elegir los que realmente mejoran tu productividad en Figma. Con esta selección tienes una base sólida para optimizar diseño UI, prototipado, color, tipografía, responsive y contenido visual. Si todavía no los usas, es momento de probarlos y llevar tu flujo de trabajo al siguiente nivel.

#Figma #PluginsFigma #UIDesign #UXDesign #DiseñoWeb #DesignTools #Prototipado #DesignSystem #DiseñoDigital #ProductDesign #HerramientasCreativas

Si te estás adentrando en el mundo de la inteligencia artificial y los modelos de lenguaje, hay un repositorio que literalmente te puede ahorrar meses de búsqueda y experimentación: awesome-llm-apps. ¿Por qué? Porque reúne más de 100 aplicaciones reales construidas con LLMs listas para explorar, ejecutar y modificar.

Detrás de esta colección está Shubham Saboo, y la propuesta es tan simple como poderosa: no limitarse a explicar qué es un LLM, sino mostrarte cómo se usa en el mundo real. Aquí vas a encontrar desde asistentes inteligentes que automatizan tareas hasta sistemas multiagente donde varias IAs colaboran entre sí, pasando por aplicaciones con memoria persistente, integraciones con APIs, chatbots avanzados, herramientas con voz y proyectos que utilizan RAG (Retrieval-Augmented Generation) para consultar información externa de forma inteligente.

Lo interesante no es solo la cantidad, sino la variedad. Hay ejemplos que trabajan con modelos comerciales y open source, patrones de arquitectura reutilizables, estructuras de proyecto bien organizadas y documentación suficiente para que puedas clonar el repositorio y empezar a experimentar en cuestión de minutos. Es como tener un laboratorio completo de IA listo para desmontar pieza por pieza.

Si eres desarrollador, estudiante o simplemente alguien curioso que quiere ir más allá del típico “hazme un prompt”, este repositorio te permite entender cómo se construyen productos reales basados en LLMs. Ves cómo se gestionan las conversaciones, cómo se implementa memoria, cómo se coordinan agentes autónomos y cómo se integran herramientas externas. Es aprendizaje práctico, directo al código.

En resumen, más de 100 apps de LLM en un solo lugar significa exposición masiva a casos de uso reales. Y cuando estás empezando en IA, eso es oro puro: inspiración, estructura y ejemplos concretos que puedes adaptar a tus propios proyectos sin empezar desde cero.

#IA #MachineLearning #LLM #GitHub #Desarrollo #OpenSource #InteligenciaArtificial #AIApps #AgentesIA #RAG

Cuando una marca como Garnier decide hablar de sostenibilidad, no lo hace en voz baja. Lo hace creando un imperio. Pero no uno dorado y glorioso, sino uno construido con el material que define nuestra era: el plástico. Así nace The Plastic Empire, una campaña visualmente descomunal que mezcla fotografía, CGI y postproducción de alto nivel para lanzar un mensaje tan estético como incómodo.

Bajo el concepto “Introducing the Persian Empire”, la campaña construye un universo donde las referencias clásicas y monumentales se fusionan con montañas de residuos plásticos, creando escenas que parecen sacadas de una superproducción cinematográfica. No estamos hablando de un simple spot publicitario, sino de una pieza artística donde cada textura, cada reflejo y cada detalle digital está diseñado para impactar. La combinación de fotografía real con CGI eleva la narrativa y convierte lo que podría haber sido un mensaje ecológico más en una experiencia visual inmersiva.

Detrás de esta producción está la agencia Garrigosa Studio, conocida por su capacidad para convertir ideas en imágenes icónicas. Aquí llevan el concepto al extremo: estética imperial, referencias históricas y un giro contemporáneo que nos recuerda que el verdadero imperio que hemos construido como sociedad es el del plástico. Y sí, duele un poco verlo representado con tanta belleza.

La campaña no solo busca impresionar desde el apartado técnico. Busca generar conversación. Garnier, como marca global del sector cosmético, lleva tiempo posicionándose en torno a la sostenibilidad, el reciclaje y la reducción del impacto ambiental. The Plastic Empire refuerza ese discurso utilizando el lenguaje que mejor funciona hoy: el visual. En un entorno saturado de mensajes verdes, esta propuesta destaca porque no sermonea; impacta.

La ejecución técnica es otro nivel. La integración entre fotografía y CGI es tan fluida que cuesta distinguir dónde termina lo real y empieza lo digital. La postproducción aporta esa sensación épica que convierte cada escena en una obra casi escultórica. Es publicidad, sí, pero también es arte digital con intención.

En un momento donde las marcas compiten por atención en redes sociales, campañas como The Plastic Empire demuestran que la creatividad bien ejecutada sigue siendo el arma más poderosa. No se trata solo de vender un producto, sino de construir relato, estética y posicionamiento. Y en este caso, el mensaje es claro: el imperio del plástico existe, pero también podemos cuestionarlo.

Si algo deja claro esta campaña es que cuando creatividad, tecnología y propósito se alinean, el resultado trasciende el formato publicitario tradicional. Y eso, en tiempos de scroll infinito, ya es decir mucho.

#ThePlasticEmpire #Garnier #LeoBurnett #PublicidadCreativa #CGI #Postproducción #Sostenibilidad #MarketingDigital #CampañasPublicitarias #ArteDigital #FotografíaPublicitaria #CreativeAdvertising

Si alguna vez has querido que tus ilustraciones digitales tengan esa textura gruesa, expresiva y con personalidad propia del óleo tradicional, el set Digital Palette Knives Brushes para Photoshop creado por MartinaPalazzese puede convertirse en tu nuevo imprescindible creativo. Este pack de pinceles está diseñado para simular el efecto real de las espátulas o palette knives, logrando acabados con relieve visual, mezclas imperfectas y ese toque artístico que hace que una pieza digital deje de parecer “demasiado digital”. Lo interesante de estos pinceles para Photoshop es que no se limitan a aplicar color: arrastran, mezclan, cortan y construyen capas como lo harías sobre un lienzo físico, permitiendo crear luces empastadas, bordes irregulares y transiciones con carácter. Funcionan especialmente bien en retratos expresivos, ilustración conceptual, paisajes atmosféricos e incluso en piezas más abstractas donde la textura es protagonista. Digital Palette Knives Brushes para Photoshop no solo aportan estilo, sino también rapidez en el flujo de trabajo, porque con pocos trazos puedes generar profundidad y dinamismo que normalmente requerirían múltiples capas y ajustes manuales. MartinaPalazzese ha logrado capturar esa sensación orgánica que muchas veces se pierde en el entorno digital, haciendo que cada trazo tenga intención y fuerza visual. Si trabajas en arte digital, concept art, ilustración editorial o simplemente quieres experimentar con un acabado más pictórico en Photoshop, este set es una herramienta potente para salir de la zona plana y darle más cuerpo a tus composiciones. En un mundo donde los acabados limpios dominan, apostar por pinceles que aporten textura realista y efecto espátula puede marcar la diferencia y hacer que tu obra destaque tanto en portafolios como en redes sociales.

#Photoshop #PincelesPhotoshop #DigitalArt #IlustraciónDigital #MartinaPalazzese #Brushes #ArteDigital #ConceptArt #Texturas #OilEffect #PaletteKnife #RecursosCreativos #DiseñoGráfico #Ilustradores