Recursos
Una biblioteca curada de herramientas y referencias de diseño de producto, UI/UX y web.
240 recursos · 30 categorías
UI References
UI galleries, mobile patterns, landing pages and product screens.
- MobbinReal mobile and web app patterns, organized by flow and screen.
- Page FlowsVideo recordings of complete flows: onboarding, checkout, signup, etc.
- ReferoUI references organized by component, flow and industry.
- GodlyCurated showcase of the most innovative and experimental websites.
- Lapa Ninja6,000+ categorized landing pages with design tips and heuristics.
- One Page LoveShowcase of single-page websites with outstanding design.
- SaaS Landing PageSaaS landing pages organized by industry and section.
- Collect UIDaily UI inspiration organized by component and pattern type.
- Made in WebflowShowcase of websites and apps built with Webflow by the community.
- PttrnsMobile design patterns and screenshots organized by UI component.
- Admire the WebCurated gallery of the best web design for creative inspiration.
- Land-bookGallery of landing pages and website designs sorted by type and style.
- AwwwardsAward-winning websites judged on design, creativity and development.
- siteInspireShowcase of the finest web and interactive design, filterable by style and type.
- Navbar GalleryCurated collection of website navigation designs and patterns.
- RelumeAI-powered wireframe and sitemap library with copy-paste components.
- 404s.designCurated collection of creative 404 error page designs.
- httpsterGallery of inspiring website designs sorted by style and color.
- 60fps.designCurated gallery of UI/UX animation and microinteraction details from real iOS and web apps — filtered by pattern, component and style.
- RecentDaily curated feed of exceptional websites, portfolios, branding and app interfaces from designers and studios worldwide.
- SeesawCurated gallery of beautifully designed websites for layout and interaction inspiration.
Inspiration
Visual discovery, moodboards and broad creative references.
- DribbbleDesign shots community, great for quick visual exploration.
- PinterestVisual discovery engine for moodboards, references and creative direction.
- BehanceAdobe's platform for showcasing and discovering creative work across disciplines.
- CosmosVisual bookmarking tool for collecting and organizing design inspiration.
- DesignspirationSearch-driven inspiration platform filtered by color, pattern and style.
- Designer Daily ReportCurated feed of the latest UI designs, updated daily.
- SwisstedPunk rock gig posters reimagined as Swiss International Style typography.
- Resource.fyiCurated directory of free design tools and resources for creatives.
- BrrrandingCurated gallery of branding and visual identity work for inspiration.
Blogs
Long reads and reference articles.
- Creative BloqDaily articles on graphic design, web design, branding and digital art.
- AIGA Eye on DesignAIGA's editorial platform exploring design culture, practice and criticism.
- Smashing MagazineIn-depth articles on front-end, UX, accessibility and web design best practices.
- Creative ReviewAdvertising, design and visual culture journalism since 1980.
- Design Work LifeCurated blog showcasing branding, packaging, print and visual design work.
- AbduzeedoDaily design inspiration covering graphic design, photography and UX.
- Creative BoomFeatures on illustration, photography, branding and the creative industry.
- The DSGN BlogMinimalist blog curating graphic design, typography and branding projects.
- Really Good DesignsCurated collection of well-crafted websites and digital design references.
- Creative Market BlogTips and trends on fonts, graphics, templates and creative workflows.
- Archives.designDigital archive of design history, movements and influential works.
- It's Nice ThatCreative culture publication covering art, illustration, design and photography.
- UX CollectiveMedium-based publication with UX design articles, case studies and opinion pieces.
- WebDeveloper.comWeb development tutorials, news and resources for designers and developers.
- The Design System GuideRomina Kavcic's weekly Substack on design systems, design tokens and scaling component libraries — 15K+ subscribers.
Designer Podcasts
Design channels, tutorials and UI critiques.
- Flux AcademyWeb design tutorials, freelance tips and design business advice.
- Dive ClubDesign interviews, career advice and creative industry conversations.
- Marco CreativoSpanish-language channel on graphic design, branding and creative process.
- Brad FrostAtomic Design author covering design systems, front-end and component-driven UI.
- DesignerTomUI/UX design tutorials, portfolio reviews and career tips for designers.
- Sneak Peek DesignBehind-the-scenes looks at branding, logo and identity design projects.
- Oren Meets WorldProduct design career insights, portfolio tips and design industry vlogs.
- Y CombinatorStartup advice, founder interviews and product-building lessons from YC.
- The FuturBusiness of design, pricing strategy, branding and creative entrepreneurship.
- NN/gNielsen Norman Group's UX research talks, usability studies and design guidelines.
Books
Classic and recent books on UX, UI and product design.
Typography
Scale generators, pairing and type tools.
Type Foundries
Independent and commercial foundries crafting original typefaces.
- VelvetyneFrench open-source type foundry with experimental and display typefaces.
- TypeMatesIndependent German type foundry crafting high-quality text and display typefaces for editorial and branding use.
- Luzi TypeIndependent Swiss type foundry crafting contemporary text and display typefaces.
- LinetoIndependent Swiss type foundry known for its precise, contemporary typefaces used across editorial and branding.
Type Markets
Marketplaces to browse, license and purchase typefaces.
- FontshareFree font foundry with commercial-use licenses.
- FontstoreCurated collection of free and premium fonts for design projects.
- Google FontsOpen-source font library with 1600+ families, optimized for the web.
- UncutCatalog of free and open-source typefaces with a contemporary edge.
- Free FacesCurated gallery of free typefaces organized by classification.
- FonteskFree fonts for commercial use, updated regularly with new releases.
- All Free FontsDirectory of free fonts organized by style and classification.
- Free TypographyDaily updated collection of the best free fonts on the web.
- DaFontMassive archive of freely downloadable fonts sorted by theme.
- Adobe FontsFont library included with Creative Cloud, syncs directly to your tools.
- Font SquirrelHandpicked free fonts with webfont generator and font identifier.
- Awwwards Free FontsAwwwards-curated collection of high-quality free fonts for web projects.
- FontstandFont rental and purchase platform with typefaces from independent foundries — try fonts before buying.
Type Inspo
Typography inspiration, lettering showcases and type-driven design.
- TypewolfFont recommendations and real-world typography inspiration from live sites.
- I Love TypographyBlog exploring the history, art and culture of type and lettering.
- Fonts In UseArchive of typography in real-world projects, searchable by typeface.
- Toools Font LibraryHand-picked font library with pairing inspiration and categories.
- Font MemeFont identification tool and text generator with popular typefaces.
Color Tools
Palette generators, color scales and accessibility tools.
- tints.dev11-step color scale generator built for design systems.
- Realtime ColorsPreview color palettes on real mockups in real time.
- W3Schools ColorsColor reference with pickers, converters and named web color charts.
- WebAIM Contrast CheckerWCAG contrast ratio checker for text and background color pairs.
- CoolorsFast color palette generator with export, contrast check and exploration tools.
- Pantone Color FinderOfficial Pantone color search with codes, conversions and matching.
- ColorSpaceGenerate matching color palettes and gradients from a single color.
- GrabientCSS gradient generator with a visual UI and ready-to-copy code.
- Gradient HuntCurated collection of beautiful color gradients, updated daily.
- Color HexColor encyclopedia with hex values, palettes and color information.
- Adobe ColorColor wheel, palette explorer and theme extraction from images.
- Color HuntCommunity-driven collection of curated four-color palettes.
Icon Sets
Open-source and custom icon libraries.
- LucideConsistent open-source icon set, pairs well with shadcn/ui.
- Phosphor IconsIcon family with 6 distinct weights.
- Material SymbolsGoogle's icon library with 3,000+ symbols in 5 styles and variable font axes for weight, fill and optical size.
- Remix IconOpen-source icon system with 2,800+ neutral-style icons in line and fill variants.
- SF SymbolsApple's official icon set for iOS and macOS.
- PixelarticonsOpen-source pixel-art style icon pack — 480+ crisp icons on a retro pixel grid, free for personal and commercial use.
- Font AwesomeOne of the web's largest icon libraries — thousands of icons in multiple styles, available as a font and SVG.
Mockups
Device mockups, scene generators and branding mockups.
- Mockup MaisonHigh-quality, editorial-style mockups for branding and packaging.
- Mockuuups StudioDrag-and-drop mockup generator with 1000+ device and scene templates.
- Unblast MockupsFree PSD and Sketch mockups for devices, packaging and branding.
- Rawpixel MockupsHigh-res mockup templates for stationery, devices and packaging.
- Bendito MockupCurated collection of free and premium mockups for branding projects.
- ShotsBrowser-based mockup creator for presenting designs in device frames.
- SagesmaskFree and premium mockups for apparel, devices, posters and apps — plus SVGs and fonts.
Graphic Asset Marketplaces
Marketplaces for fonts, templates, graphics and design assets.
- Creative MarketMarketplace for fonts, graphics, templates, themes and design assets.
- Envato ElementsUnlimited downloads of templates, graphics, fonts, photos and video assets.
- UI8Curated marketplace for UI kits, icons, illustrations and design resources.
- MagnificAI-powered image upscaler and enhancer for photos and illustrations.
- PexelsFree stock photos and videos with no attribution required.
- UnsplashHigh-resolution free photos contributed by a global community.
- StockSnapFree stock photos with no copyright restrictions, updated weekly.
- picjumboFree stock photos for personal and commercial use.
- LS GraphicsFree and premium mockups, illustrations and UI kits for designers.
- Icons8Icons, illustrations, photos and music assets for design projects.
Pexels
UnsplashDesign Systems
Public reference systems and tools to build your own.
- Apple HIGApple's official guidelines for iOS and platform design.
- Material Design 3Google's design system, useful as contrast to HIG.
- shadcn/uiCopy-paste components with CSS variables. Radix + Tailwind.
- Open Design SystemsDirectory of open-source design systems with documentation and resources.
- Design Systems for FigmaCollection of free design system UI kits available as Figma libraries.
- DesignSystems.comArticles, talks and resources on building and scaling design systems.
- BootstrapPopular front-end framework with a complete component and utility system.
- The Design System GuideStep-by-step guide to planning, building and maintaining a design system.
- Design System ChecklistChecklist to track the completeness and maturity of your design system.
- Design Systems SurfCurated directory of design systems from real companies and products.
- Component GalleryCollection of UI components from real design systems, searchable by type.
- Carbon Design SystemIBM's open-source design system for products and digital experiences.
- BaseUber's design system powering consistent product experiences.
- PolarisShopify's design system for building merchant-facing admin experiences.
- AlignUIDesign system and component library for Figma with a clean, modern aesthetic and token-based foundations.
- Simple Design SystemClean and well-structured Figma design system with components, styles and tokens ready to use.
- GOV.UK Design SystemUK Government's design system — accessible styles, components and patterns for building public sector services.
- TapTap Design SystemFree Figma community design system for designers and developers — components, styles and tokens ready to use.
PolarisBranding & Identity
Branding references, visual identity and logos.
- BrandemiaSpanish-language blog covering rebrands, visual identity and brand trends.
- Logo SystemCurated archive of logo designs and brand identity systems.
- BP&OEditorial reviews of branding and packaging design projects worldwide.
- Brand ArchiveSearchable archive of brand guidelines and identity documentation.
- Brand NewOpinions and reviews on corporate and brand identity work.
- Logo ArchiveCatalogued archive of logos spanning decades of graphic design history.
- LogoBookDiscover the world's finest logos, symbols and trademarks.
- LogoLoungeLogo search engine and trend reports from top identity designers.
- Branding Style GuidesArchive of real brand style guides and identity manuals for reference.
- Rebrand GalleryCurated archive of brand redesigns and identity overhauls — great for studying before/after rebranding decisions.
- Standards ManualPublisher of reprinted classic brand standards manuals — NASA, NYC Transit, EPA and more. Essential reference for identity design history.
- Beautiful DecksCurated gallery of beautifully designed presentation decks — a reference for visual storytelling, layout and brand consistency in decks.
Design Studios
Agencies and studios known for outstanding design work.
- PentagramWorld's largest independent design studio. Branding, identity and editorial.
- MetaDesignGlobal branding agency focused on brand strategy, identity systems and brand experiences.
- Moving BrandsCreative agency specializing in brand identity, digital products and experience design.
- Brand BrothersBranding studio showcasing identity design, strategy and visual systems.
- InterbrandGlobal brand consultancy behind the Best Global Brands ranking.
- Justified StudioDesign studio focused on branding, art direction and visual identity.
- PhantomCreative studio blending brand strategy, digital design and motion.
- Saint UrbainMultidisciplinary design studio specializing in branding and creative direction.
- BBHGlobal creative agency known for bold advertising and brand campaigns.
Designers
Individual designers worth following for their craft and perspective.
- James BarnardBrand designer and creative director sharing process and identity work.
- Yang YouProduct designer portfolio with detailed case studies and design thinking.
- Charlota KVisual and brand designer with a focus on illustration and editorial work.
- Adam HoProduct designer portfolio showcasing UX case studies and interaction design.
- Veit MoellerDigital designer and art director with a focus on branding and web design.
- Benji TaylorDesigner portfolio with a clean, minimal approach to digital and brand work.
- Adam SilverDesigner and developer advocating for inclusive, simple and accessible web design. Author of Form Design Patterns.
- J.D. ReevesBrand designer for tech and startups — logo design and cohesive identity systems rooted in strategy and purpose.
- Ana InsomniaVisual and motion designer specializing in branding, motion graphics and brand systems for mission-driven teams.
- Eve BouffardProduct designer and Head of Design at Y Combinator, exploring ambitious product ideas and AI-assisted design practice.
Design Software
Visual design, prototyping and wireframing tools.
Figma Plugins
Plugins that save you time in your daily workflow.
- UnsplashInsert high-quality stock photos from Unsplash directly into your designs.
- html.to.designImport any website into Figma as editable design layers.
- StylerBatch apply and manage styles across your Figma file.
- Styles to VariablesConvert Figma styles to variables for design token workflows.
- TypescalesGenerate and apply modular type scales directly in Figma.
- Tokens StudioManage and sync design tokens between Figma and code.
- Material SymbolsInsert and customize Google's Material Symbols directly in Figma — 3,000+ icons with variable controls for style, weight and fill.
- Higgsfield AIAI-powered plugin for background removal, mockup generation, image and video generation directly in Figma.
- Design System TrackerTrack and audit design system usage across your Figma files — spot inconsistencies and outdated components at a glance.
- QoQo AIAI-generated UX personas, journey maps, sitemaps and copywriting directly in Figma — accelerates research and ideation.
Motion & Animation
Lottie, Rive, motion principles and product animations.
- JitterBrowser-based motion design tool for UI animations and social content.
- Devouring DetailsRauno Freiberg's interactive course on invisible interaction design details — principles, prototypes and downloadable React components for polished motion.
- Motion-PrimitivesOpen-source UI kit of copy-paste animated components for React, Next.js and Tailwind — text reveals, magnetic effects, transitions and micro-interactions.
- Easing.devInteractive easing function explorer — visualize and fine-tune CSS cubic-bezier curves for natural, polished animation transitions.
- Anime.jsLightweight open-source JavaScript animation library for animating CSS, SVG, DOM attributes and JS objects with a simple API.
No-code / Builders
Build without writing code.
Front-end & Code
HTML, CSS, JS documentation and technical references.
- CodePenOnline code playground for HTML, CSS and JS with a community of demos.
- 21st.devOpen-source UI component registry with ready-to-use React components.
- StorybookOpen-source tool for building and testing UI components in isolation.
- DialKitFloating control panel for React, Svelte, Vue and Solid — tweak sliders, colors, springs and easing curves live without touching code.
- Evil ChartsOpen-source animated chart components for React and Next.js built on shadcn/ui and Recharts — bar, line, area, pie and radar.
- Google AntigravityGoogle's agentic development platform — AI agents that autonomously plan, write, execute and test code across editor, terminal and browser.
- MotionProduction-grade animation library for React and JavaScript — GPU-accelerated, spring physics, gestures, scroll effects and layout transitions at 120fps.
- ReUI1000+ free open-source shadcn/ui components and blocks shown in realistic dashboard layouts — copy-paste into your project, you own the code.
- Canvas UIOpen-source creative component library layering WebGL and shader effects over real, interactive HTML — liquid, glass, shatter and particle effects for React, Vue, Svelte.
- AI HeroMatt Pocock's courses and guides on AI engineering and AI-assisted development for developers.
- aMicroFront-end tool for building and previewing micro-interactions and UI animations.
- NumberFlowDependency-free React/Vue/Svelte component for smoothly animating and transitioning numbers — counters, prices and stats.
AI for Design
AI tools for generation, layouts, copy and workflow.
- MidjourneyAI image generation tool for creating visuals from text prompts.
- StitchGoogle's AI tool that generates UI designs and front-end code from text prompts and sketches.
- AgentationAnnotate any UI element and turn visual feedback into structured context that AI coding agents like Claude Code or Codex can understand and act on.
- PomelliGoogle Labs AI tool that generates on-brand marketing graphics, social campaigns and websites from your brand's DNA — free during beta.
- Google AI Studio AppsBuild and deploy AI-powered apps directly from Google AI Studio using Gemini — no backend required.
- RecraftAI design tool for generating raster and vector graphics, icons, illustrations and mockups with consistent brand styles.
UX Research
Tools for interviews, usability testing and research synthesis.
Usability & Research Tools
Heatmaps, user testing and usability research platforms.
Heuristics & Principles
Laws of UX, NN/g, cognitive biases and mental models.
- Principles.designOpen-source collection of design principles from companies and individuals.
- Laws of UXCollection of UX principles and psychological laws designers can apply.
- Vercel Design GuidelinesVercel's design guidelines — principles and practical rules for building consistent, high-quality product interfaces.
- Vercel Design EngineeringVercel's take on the design engineer role — principles and craft for building at the intersection of design and code.
Accessibility
WCAG, contrast, screen readers and inclusive design.
- W3CWeb standards body behind HTML, CSS, WCAG and accessibility guidelines.
- WAI Standards & GuidelinesW3C Web Accessibility Initiative's official hub for WCAG, ARIA and accessibility standards documentation.
- ARIA Authoring Practices (APG)W3C's catalog of accessible UI component patterns — keyboard interaction and ARIA roles for menus, dialogs, tabs and more.
Analytics
Product analytics and user behavior tracking.
- Google AnalyticsWeb and app analytics platform for tracking traffic and user behavior.
- SmartlookSession recordings, heatmaps and event-based analytics for web and mobile.
- FirebaseGoogle's app platform with analytics, crash reporting and A/B testing.
- FathomPrivacy-first website analytics — simple dashboard, no cookies, GDPR compliant.
- PostHogOpen-source product analytics platform with session replay, feature flags, A/B testing and heatmaps in one suite.
- AmplitudeProduct analytics platform for tracking user behavior, funnels, retention and growth across web and mobile.
AI Agents
Frameworks, platforms and tools for building and running autonomous AI agents.
- Vercel EveOpen-source, filesystem-first framework for building durable backend AI agents — every agent is a directory of files with built-in channels, sandboxed compute and durable execution.
- Skills.shOpen registry and package manager for AI agent skills — discover and install modular capabilities across Claude Code, Cursor, Codex and 20+ other agents.
Miscellaneous Tools
Handy tools that don't fit a single category but earn a place in any workflow.
- CleanShot XBest-in-class screen capture for Mac — scrolling capture, annotations, recordings and cloud sharing.
- ProtoPieAdvanced prototyping tool for creating high-fidelity, sensor-aware interactions without code.
- ArticulateDesign vocabulary guide — the precise words designers use for typography, spacing, layout and visual concepts.
- Interface CraftA working library for designers committed to crafting interfaces with uncommon care — patterns, principles and references for detail-oriented UI work.
- ToolcraftOpen-source starter kit and UI library for building custom AI-powered design apps, internal utilities and interactive experiments.
- Design Library by DanielaPersonal curated collection of design resources, tools and reading notes, continuously updated.
- playgrndCollection of free, single-purpose generative design tools that run entirely in the browser — no accounts, no uploads.
- CatalogCurated directory of design resources, tools and inspiration organized by category.
- TextureBrowser tool for generating noise and grain textures to overlay on your designs.
- Claude AcademyAnthropic's official learning hub — courses and guides for building with Claude and AI.
- Design StrategiesCollection of practical design strategies and frameworks for approaching design problems.
- BenchoLibrary of interactive, live UI blocks you can explore, tweak and take straight into your projects.
- Figma AI SkillsFigma Community hub of AI skills and resources for designers working with AI in Figma.
- NewtCode-native pixel-art editor — paint like a raster tool with clean editable code underneath, export to SVG, CSS, React, PNG and GIF.
No encontramos recursos
Prueba con otra palabra o explora por categoría.