Categoría · 122 herramientas · 3 secciones

Inspiración para diseño UI y web

Empieza aquí antes de abrir un lienzo en blanco. Galerías de webs y landing pages reales, las herramientas que se usan para diseñar interfaces y las lecturas que explican por qué funcionan las buenas interfaces.

01 / 03

Galerías de inspiración de diseño web

78Ir a la sección

60fps preview

60fpsGaleríasGrabaciones de pantalla que capturan interfaces en movimiento, reunidas como inspiración para estudiar la animación de UI.

AwwwardsGaleríasUn programa de premios y una galería que reconocen cada día el diseño web y el oficio front-end más destacados.

Cosmos preview

CosmosGaleríasUn espacio visual de moodboards para reunir imágenes y referencias y crear tableros de inspiración creativa.

Curated Design preview

Curated DesignGaleríasUna galería que agrupa la inspiración web por estilo estético para que explores según el aspecto que buscas.

Layers preview

LayersGaleríasUna plataforma donde los diseñadores publican y comparten su trabajo de forma pública para recibir feedback e inspiración.

minimal.gallery

Minimal Gallery preview

Minimal GalleryGaleríasUna colección de sitios web minimalistas y sobrios para quien busca inspiración de diseño depurado.

Mobbin preview

MobbinGaleríasUna biblioteca buscable de pantallas y flujos de usuario reales de apps móviles y web ya lanzadas.

Saaspo preview

SaaspoGaleríasUna galería seleccionada de landing pages de SaaS como inspiración de diseño de marketing y de producto.

SEESAW preview

SEESAWGaleríasInspiración de diseño web organizada por sección de página para que estudies un bloque a la vez.

Supahero preview

SupaheroGaleríasUna colección seleccionada de secciones hero de sitios web para inspirarte al diseñar una landing page.

Imageory preview

ImageoryGaleríasUna galería visual que combina imágenes con los prompts que las originaron para inspiración creativa.

backgrounds.supply

Backgrounds Supply preview

Backgrounds SupplyGaleríasUn conjunto de fondos web hechos a mano, listos para insertar directamente en tu próximo proyecto.

backgrounds.venust.ai

Venust Backgrounds preview

Venust BackgroundsGaleríasFondos web gratuitos generados con IA que incluyen los prompts originales usados para crearlos.

Details preview

DetailsGaleríasAnálisis en detalle de microinteracciones de productos digitales líderes, para estudiar los pormenores.

Sombra preview

SombraGaleríasUna muestra de interfaces web en modo oscuro para quien diseña con paletas más oscuras.

Dribbble preview

DribbbleGaleríasUna comunidad global donde los diseñadores publican shots y conceptos para compartir su trabajo y encontrar inspiración.

Behance preview

BehanceGaleríasLa plataforma de Adobe para publicar y explorar portafolios creativos de todas las disciplinas del diseño.

Recent Design preview

Recent DesignGaleríasUna selección semanal de sitios web dignos de premio, renovada para un flujo constante de inspiración de diseño.

navbar.design preview

navbar.designGaleríasUn conjunto seleccionado de patrones de barras de navegación para consultar al diseñar menús de sitios.

footer.design preview

footer.designGaleríasUn conjunto selecto de footers web creativos para inspirarte en esa sección de cierre.

Land-book preview

Land-bookGaleríasUna amplia galería de landing pages organizada por industria para que explores diseños de tu nicho.

Collect UI preview

Collect UIGaleríasInspiración diaria de diseño UI etiquetada por componente, surgida de un desafío de diseño continuo.

siteinspire.com

SiteInspire preview

SiteInspireGaleríasUna muestra de larga trayectoria de diseño web cuidado, filtrable por estilo y temática.

Lapa Ninja preview

Lapa NinjaGaleríasUn conjunto escogido de landing pages responsive para explorar en busca de inspiración de layout.

UX Archive preview

UX ArchiveGaleríasUn archivo de flujos de onboarding móvil, capturados pantalla por pantalla como referencia de UX.

Screenlane preview

ScreenlaneGaleríasUna galería buscable de pantallas de interfaz para inspiración de UI en todo tipo de apps.

Flowbase preview

FlowbaseGaleríasUna fuente de componentes UI premium y patrones de interacción para construir layouts de sitios.

Hover States preview

Hover StatesGaleríasUna muestra de diseño web interactivo e ingenioso para estudiar cómo los sitios manejan el movimiento y el hover.

SaaSFrame preview

SaaSFrameGaleríasCientos de capturas de páginas de marketing de SaaS reunidas como inspiración de diseño de landing pages.

landingfolio.com

Landingfolio preview

LandingfolioGaleríasUna extensa biblioteca de diseños de landing pages para explorar en busca de inspiración de layout y marketing.

Pttrns preview

PttrnsGaleríasUn directorio de patrones de UI móvil para consultar cómo las apps resuelven las pantallas más comunes.

onepagelove.com

One Page Love preview

One Page LoveGaleríasUna muestra de diseños de sitios web de una sola página para quien construye un one-pager.

designspiration.com

Designspiration preview

DesignspirationGaleríasUna plataforma de búsqueda para descubrir arte visual e imágenes de diseño que alimenten la inspiración.

bestwebsite.gallery

Best Website Gallery preview

Best Website GalleryGaleríasUn archivo seleccionado de sitios web excepcionales, conservado como referencia de diseño web destacado.

theinspirationgrid.com

Inspiration Grid preview

Inspiration GridGaleríasUna revista en línea que destaca diseño visual creativo y trabajos de distintas disciplinas.

Scrnshts preview

ScrnshtsGaleríasUn conjunto seleccionado de diseños de capturas de la App Store para inspirarte al promocionar una app móvil.

Are.na preview

Are.naGaleríasUna plataforma colaborativa para guardar marcadores visuales y organizar investigación en tableros compartidos.

Appinspo preview

AppinspoGaleríasUna galería depurada de diseños de apps móviles para inspiración de UI e interfaces.

darkmodedesign.com

Dark Mode Design preview

Dark Mode DesignGaleríasUna muestra dedicada a sitios web en modo oscuro para inspirarte al diseñar interfaces más oscuras.

Pinterest preview

PinterestGaleríasUna plataforma de descubrimiento visual para guardar y encontrar ideas creativas sobre cualquier tema.

navbar.gallery preview

navbar.galleryGaleríasUna galería muy enfocada en barras de navegación modernas para estudiar al diseñar menús de sitios.

posts.design preview

posts.designGaleríasUn archivo seleccionado de diseño gráfico para redes sociales como inspiración para layouts de posts y feeds.

loadmo.re preview

loadmo.reGaleríasUna galería de diseños experimentales de sitios web móviles para una inspiración fresca y que rompe límites.

inspora.design preview

inspora.designGaleríasUn archivo de diseño web visual contemporáneo para explorar en busca de inspiración moderna.

cta.gallery preview

cta.galleryGaleríasUn conjunto seleccionado de botones y banners de llamada a la acción para inspiración enfocada en la conversión.

desengs.com preview

desengs.comGaleríasUn directorio de portafolios de ingeniería de diseño y la historia detrás de las personas que los crean.

isthereanytool.app

isthereanytool preview

isthereanytoolGaleríasUn directorio que saca a la luz herramientas poco conocidas para diseño, oficio creativo y trabajo con IA.

designeng.tools

designeng.tools preview

designeng.toolsGaleríasUn hub seleccionado que reúne en un solo lugar herramientas, recursos e inspiración de ingeniería de diseño.

bestdesignsonx.com

bestdesignsonx.com preview

bestdesignsonx.comGaleríasUn feed seleccionado de creadores con buen diseño y publicaciones destacadas extraídas de X.

designbookmark.com

Design Bookmark preview

Design BookmarkGaleríasUn directorio que guarda marcadores de recursos y enlaces útiles de diseño para que los encuentres en un solo lugar.

rebrand.gallery

Rebrand Gallery preview

Rebrand GalleryGaleríasUna galería de rediseños de marca mostrados antes y después, para estudiar cómo evolucionan las identidades.

curations.supply

Curations preview

CurationsGaleríasUna biblioteca seleccionada de recursos de diseño digital para explorar y tomar lo que necesites en tus proyectos.

Landing Love preview

Landing LoveGaleríasUna colección de landing pages encantadoras organizadas por su animación como inspiración de movimiento.

Motionimo preview

MotionimoGaleríasUna extensa biblioteca de clips de motion design para estudiar la animación y el movimiento.

before.click preview

before.clickGaleríasUna muestra de conceptos de capturas de apps con alta conversión como inspiración de marketing para la App Store.

Swiped preview

SwipedGaleríasUna colección de publicaciones de diseño destacadas reunidas desde distintas plataformas sociales.

Landdding preview

LandddingGaleríasUn catálogo de landing pages creativas actualizado a diario para inspiración de layout y marketing.

designengineer.tools

designengineer.tools preview

designengineer.toolsGaleríasUna recopilación de herramientas esenciales pensadas para el trabajo de los ingenieros de diseño.

Insposite preview

InspositeGaleríasUn directorio de referencias y herramientas de diseño para explorar cuando necesitas inspiración.

loader-buttons.appllama.io

Loader Buttons preview

Loader ButtonsGaleríasUna galería de 25 animaciones de botones de carga para consultar ideas de microinteracciones.

What Ships preview

What ShipsGaleríasUna colección de vídeos demo destacados de lanzamientos de producto reunidos a partir de publicaciones en X.

GreatStuff preview

GreatStuffGaleríasUn archivo cuidadosamente depurado de herramientas creativas, reunido para que encuentres las buenas más rápido.

Great Apps preview

Great AppsGaleríasUna galería semanal que destaca apps de iOS excepcionales que merecen una mirada más de cerca.

curated.domains

Curated Domains preview

Curated DomainsGaleríasUna colección de marcas que usan dominios de nivel superior creativos, como inspiración de naming y branding.

Sections.wtf preview

Sections.wtfGaleríasUna galería de secciones y layouts hero de sitios web reales para consultar bloque a bloque.

Browse.cool preview

Browse.coolGaleríasUna selección de sitios web elegidos por su tacto e interacción excepcionales.

Folios Gallery preview

Folios GalleryGaleríasUn directorio selecto de portafolios de diseñadores destacados para estudiar en busca de inspiración.

wwwtf.site preview

wwwtf.siteGaleríasUna galería de rincones peculiares y experimentales de la web interactiva que vale la pena explorar.

Early preview

EarlyGaleríasUna plataforma de descubrimiento para sacar a la luz productos de software en etapa temprana que merecen una primera mirada.

openalternative.co

OpenAlternative preview

OpenAlternativeGaleríasUn directorio que empareja herramientas SaaS populares con sus alternativas de código abierto.

everywhere.tools

Everywhere Tools preview

Everywhere ToolsGaleríasUna colección de herramientas creativas de código abierto orientadas al diseño práctico y al trabajo artesanal.

gallery.jessyin.world

Jessy In's Gallery preview

Jessy In's GalleryGaleríasUn moodboard compartido donde los colaboradores reúnen hallazgos visuales inusuales para despertar la inspiración de diseño.

wallofportfolios.in

Wall of Portfolios preview

Wall of PortfoliosGaleríasUn muro de portafolios de ingeniería de diseño y de producto para explorar en busca de inspiración.

Detail Design preview

Detail DesignGaleríasUn archivo que documenta las microinteracciones cuidadosamente elaboradas que se encuentran en las interfaces de software.

betwnstudios.com

Betwn Studios preview

Betwn StudiosGaleríasUn estudio que diseña y construye experiencias web modernas para productos SaaS.

saaslandingpage.com

SaaS Landing Page preview

SaaS Landing PageGaleríasUna muestra seleccionada de landing pages de SaaS destacadas que vale la pena estudiar como inspiración.

bestsaaswebdesigns.com

Best SaaS Web Designs preview

Best SaaS Web DesignsGaleríasUna galería seleccionada de diseños de sitios web de SaaS reunidos como inspiración de diseño.

A1 preview

A1GaleríasUna galería de diseños de sitios web reunidos como inspiración para tu próximo proyecto.

02 / 03

Herramientas de diseño de interfaces y labs de UI

11Ir a la sección

Figma preview

FigmaDiseño de interfacesUna plataforma colaborativa para diseñar y prototipar interfaces junto a tu equipo.

Framer preview

FramerDiseño de interfacesUn lienzo visual para diseñar y luego publicar sitios web directamente en la web.

make.design preview

make.designDiseño de interfacesUn generador de IA que convierte prompts escritos en diseños de interfaz pulidos.

Penpot preview

PenpotDiseño de interfacesUna plataforma de diseño web de código abierto, construida en torno a SVG, que funciona en el navegador.

Spline preview

SplineDiseño de interfacesSoftware de diseño 3D en el navegador con física integrada para escenas interactivas.

interfacecraft.dev

Interface Craft preview

Interface CraftDiseño de interfacesUna colección de artículos que exploran el oficio detrás de las interfaces digitales modernas.

UI Labs preview

UI LabsDiseño de interfacesUn laboratorio que desmonta componentes de UI animados para mostrar cómo están construidos.

UIWTF preview

UIWTFDiseño de interfacesUna muestra de patrones de interfaz experimentales que llevan al límite lo que puede hacer la web.

Lab01 preview

Lab01Diseño de interfacesUna colección de experimentos de interfaz refinados publicados por un estudio de diseño.

design.dev preview

design.devDiseño de interfacesUn editor asistido por IA para crear y gestionar design tokens y sistemas de diseño.

UI Playbook preview

UI PlaybookDiseño de interfacesUna guía sobre los estados habituales por los que pasan los componentes de UI a medida que los diseñas.

03 / 03

Recursos de diseño web: blogs, libros y cursos

33Ir a la sección

refactoringui.com

Refactoring UI preview

Refactoring UILecturasUna guía práctica repleta de tácticas para diseñar y construir mejores interfaces.

practicaltypography.com

Practical Typography preview

Practical TypographyLecturasUn libro en línea que cubre las reglas de la tipografía y cómo componer el texto.

web.dev preview

web.devLecturasOrientación práctica sobre el rendimiento web y la creación conforme a los estándares web modernos.

inclusive-components.design

Inclusive Components preview

Inclusive ComponentsLecturasUna biblioteca de patrones que te enseña a construir componentes de interfaz accesibles.

joshwcomeau.com

Josh Comeau preview

Josh ComeauLecturasTutoriales y artículos interactivos que desgranan cómo funcionan realmente los mecanismos de CSS.

design-books.com

Design Books preview

Design BooksLecturasUn directorio de libros de diseño esenciales organizados por la disciplina que abarcan.

learn-kernels.com

Learn Kernels preview

Learn KernelsLecturasUna guía interactiva para escribir y entender la programación de kernels de GPU.

designsystemchecklist.com

Design System Checklist preview

Design System ChecklistLecturasUna lista de verificación exhaustiva que cubre lo que compone un sistema de diseño listo para producción.

Learn UI preview

Learn UILecturasUn curso en vídeo que enseña el lado práctico del diseño de interfaces de usuario.

designspells.com

Design Spells preview

Design SpellsLecturasUna colección que disecciona los sutiles detalles de diseño ocultos en el software de uso diario.

Good UI preview

Good UILecturasUna biblioteca de patrones de diseño de UI basados en evidencia y respaldados por datos del mundo real.

Abduzeedo preview

AbduzeedoLecturasUn blog de diseño diario que comparte un flujo constante de inspiración visual.

UX Collective preview

UX CollectiveLecturasUna publicación seleccionada que reúne ensayos críticos sobre el diseño de experiencia de usuario.

smashingmagazine.com

Smashing Magazine preview

Smashing MagazineLecturasUn recurso fiable de artículos y guías para diseñadores y desarrolladores web.

Codrops preview

CodropsLecturasUn blog que publica experimentos creativos de front-end junto con tutoriales prácticos.

Muzli preview

MuzliLecturasUn resumen diario que recopila las últimas tendencias de diseño en un único feed.

boxesandarrows.com

Boxes and Arrows preview

Boxes and ArrowsLecturasUna revista veterana sobre la práctica y las ideas detrás de la arquitectura de la información.

designernews.co

designernews.co

Designer NewsLecturasUn feed impulsado por la comunidad donde los diseñadores sacan a la luz y debaten las últimas noticias.

webdesignerdepot.com

Web Designer Depot preview

Web Designer DepotLecturasUna publicación de diseño que cubre los estándares web y las herramientas que usan los diseñadores.

Designmodo preview

DesignmodoLecturasUna publicación que ofrece tanto artículos como herramientas prácticas para el diseño web.

99designs Discover preview

99designs DiscoverLecturasUn blog de diseño que explora el branding y el pensamiento creativo que hay detrás.

Interfaces preview

InterfacesLecturasUna publicación digital mensual que explora el diseño de las interfaces digitales.

makingsoftware.com

Making Software preview

Making SoftwareLecturasEnsayos que examinan cómo las herramientas que usan los diseñadores acaban moldeando su software.

visualrambling.space

Visual Rambling preview

Visual RamblingLecturasEnsayos visuales personales que profundizan en el diseño de interfaces una idea a la vez.

degreeless.design

Degreeless Design preview

Degreeless DesignLecturasUna ruta de aprendizaje seleccionada para quienes se proponen dominar el diseño de producto.

SVG Guide preview

SVG GuideLecturasUna guía para escribir marcado SVG y animarlo, dirigida a diseñadores y desarrolladores.

Animations.dev preview

Animations.devLecturasUn curso que te enseña a crear animaciones web que de verdad se sienten acertadas.

UI Skills preview

UI SkillsLecturasUn curso que abarca técnicas para diseñar interfaces con la ayuda de la IA.

AI for UI preview

AI for UILecturasUn curso sobre cómo poner a trabajar los flujos de trabajo de IA en tu proceso de diseño de interfaces.

UI Land preview

UI LandLecturasUna serie de entrevistas con destacados design engineers sobre su oficio.

Laws of UX preview

Laws of UXLecturasUna colección de principios psicológicos que determinan cuán usable se siente una interfaz.

userinterface.wiki

User Interface Wiki preview

User Interface WikiLecturasUna base de conocimiento que documenta las directrices y reglas de diseño de interfaces en un solo lugar.

The Shape of AI preview

The Shape of AILecturasUna biblioteca de patrones que destaca los patrones de diseño para interfaces impulsadas por IA.

Sitios de inspiración para diseño UI y web (122) — Designeer