Web & Interface DesignCurated Directory — Courses, Videos, Books & Websites

UI UX Design Figma 2026: The Complete Web & Mobile ...

What you'll learn · Fundamentals of UI (User Interface) and UX (User Experience) design · Design principles: color, typography, layout, spacing, and hierarchy.

Free Xd designs, themes, templates and downloadable ...

Free Xd Inspirational designs, illustrations, and graphic elements from the world's best designers. Want more inspiration? Browse our search results.

Figma UI UX Design Essentials

This course teaches hands-on Figma workflows to build low-to-high-fidelity wireframes and interactive prototypes, apply color systems and typography choices, and craft pixel-accurate UI screens ready for user testing or portfolio use. You’ll learn to create reusable components and nested variants, assemble a style guide for consistent product-wide UI, and prepare developer-ready assets and documentation to streamline handoff. Practical modules on Figma plugins and AI features focus on accelerating repetitive tasks and automating layout, iconography, and content generation so you can deliver polished interfaces faster and more consistently.

9 Design Collaboration Tools for Your Distributed Team

Eleken’s roundup maps nine specialized tools to concrete design team needs—Figma and FigJam for collaborative design and whiteboarding, Miro for mapping and workshops, Notion for living documentation, Slack and Zoom for synchronous coordination, Loom for async walkthroughs, and Maze and Lookback for quantitative and qualitative user testing. The practical takeaway is to assemble complementary roles (real‑time co‑editing + async video + structured testing + a single source of truth) to cut review cycles, reduce status meetings, and make handoffs measurable rather than opinion‑driven. If you’re deciding whether to dive in, the article helps you choose tool combinations based on priorities—rapid prototyping, stakeholder buy‑in, or rigorous usability insights—and emphasizes that integrations and agreed workflows matter more than collecting every app.

Get UX Design Buy-In: Persuasive Cliffhanger Storytelling

How To Use Persuasive Cliffhanger Storytelling in Product Design to Pitch UXHave you ever struggled to get buy-in for User Experience (UX) design? Or a specific UX&nbsp;idea?Struggled to convince decision-makers to allow you to do UX for a project, and give you the support, time, and money to actually get the job done well?Whether you’re casually talking to someone (a developer, junior designer, project lead) about the value UX brings to a project, or you’re presenting a UX proposal to a potential client, or you’re nervously pitching UX or a UX idea to leadership, in any of those cases you can significantly increase the likelihood that these people will pay attention to you by doing one thing.This tactic works by setting up the conditions for your audience to lean-in and give you all-ears — well before you share, or ask for, anything.This tactic is about creating a bit of mystery by sharing something at the beginning or during your conversation that encourages people to stay with you until you decide your audience is ready for the reveal.If you're still reading, perhaps you're proof that this tactic works!This course teaches you about this tactic and how to use it yourself to help you get buy-in for UX!In this course you'll learn:What this tactic is, and why it matters.How to hook and hold attention when getting buy-in for UX, with several real-world examples.The formula to use this tactic in your own conversations, meetings, presentations, or pitches. And we will look at each piece of the formula side-by-side with an example so you can see the real-world application.How to build out your own version of this solution, and answers to the common questions I get.Lastly, we will end with an action summary. So you have a nice concise list of action items and takeaways from this course.</

Create Stunning Websites from Scratch in Adobe XD

This hands-on course teaches practical Adobe XD prototyping techniques—building before-and-after state transitions for room layouts and functional flags dropdowns—so you can create realistic, testable interactions instead of static mockups. It emphasizes disciplined design file organization and component usage, showing how to structure assets and artboards for faster iteration and smoother handoff to developers. By the end you'll convert visual designs into clickable prototype screens that clearly demonstrate user flows and interaction logic, making it easier to validate ideas and persuade stakeholders.

Visual collaboration tools to improve creative workflows

Canva makes it easy to manage creative project workflows from start to finish – from brainstorming to designing, providing feedback, approvals, and publishing.

UI/UX Web Design in Figma 2026 | AI & Big Projects

You'll learn how to use AI in design — both external tools and those built into Figma. We'll explore how to generate layouts, enhance images, spark creative ...

Figma HTML CSS JavaScript in Web Design and UI UX ...

What you'll learn · Learn UI UX design and front-end coding in 1 course · Transform Figma components into live HTML & CSS components · Master Figma Auto Layout ...

Responsive web design

Responsive web design (RWD) or responsive design is an approach to web design that aims to make web pages render well on a variety of devices

Intro to responsive design

Learn how reflowing content, fixed sizing, relative sizing, and breakpoints (media queries) help to create responsive designs.

22 Best Visual Collaboration Tools Reviewed In 2026

Compare the best visual collaboration tools with a breakdown of key features, integrations, pros, cons, and pricing.

Website Design From Scratch In Adobe Xd

This masterclass walks you through building a website from a blank canvas in Adobe XD—moving from wireframing and layout decisions (Part 2) to pixel‑perfect UI design and interactive prototyping (Part 3). You’ll learn practical techniques: rapid low‑fidelity wireframes, responsive grid and component-based systems, reusable assets and style guides, plus exporting and developer‑handoff best practices so you finish with a clickable, production‑ready prototype. Choose this series if you want an end-to-end, project-based XD workflow that teaches concrete deliverables and time‑saving practices for real web projects rather than isolated UI theory.

Mobile Responsive designs, themes, templates and ...

Discover 1700+ Mobile Responsive designs on Dribbble. Your resource to discover and connect with designers worldwide.

User Experience Design Essentials - Adobe XD UI UX ...

Adobe XD enables rapid prototyping and testing of design ideas, then hand off to developers for coding, while no-code options let you build solo.

Adobe XD Platform - Home

Push the boundaries of design work. Documentation. Everything you need to extend the Adobe XD experience. Plugin APIs. Bring your ideas and features to XD.

Responsive Website Design: Key Components

Master responsive Web design with examples of how to build websites that adapt across desktops, tablets, and smartphones for a superior user experience.

Best Design Collaboration Tools for Product Teams (2026)

Discover top design collaboration tools that will help in-house teams work closer together, no matter if they are remote or on-site!

Adobe Xd 2021 Basics - UI / UX Design Course

Adobe Xd 2021 is a UI / UX design tool created by Adobe it works on both Mac and Pc, you can design, prototype and share, all with one app, for free.

The WORST UI designs part 7

How to Design & Prototype in Adobe XD

In this Adobe XD (Adobe Experience Design) training course, you will become familiar with all of the tools you need to create awesome app designs.

12 Best Online Collaboration Platforms (2026 Comparison)

Figma is the best platform we've found for real-time collaboration on design. It's intuitive enough for the whole team to jump in, and powerful ...

Master CSS Flexbox in 60 Seconds: Quick UI Design Tutorial

I can’t watch the video from the title and tags alone—please paste a link or transcript so I can summarize it accurately. For a front-end #shorts like this, I’ll extract the single copy‑pasteable HTML/CSS/JS pattern shown, explain the concrete UI/UX problem it fixes, and note any browser or accessibility tradeoffs. Send the clip or transcript and I’ll return a sharp three‑sentence summary with actionable code, measurable benefits, and next steps to try in your project.

Reacting to bad UI design part 3

The host dissects real-world examples of confusing layouts, inconsistent controls, unclear affordances, and accessibility oversights, showing exactly how each choice produces user errors or friction. Each clip includes concrete fixes—prioritize visual hierarchy, consistent interaction patterns, clear labels and feedback, adequate contrast and spacing, and reduce unnecessary choices—so you can apply a practical checklist to your own designs. If you want a fast, example-driven session that pairs sharp critique with repeatable rules for preventing common UI failures, this reaction video delivers usable takeaways and immediate redesign ideas.