Welcome to Design With Habib — your go-to channel for UI/UX design, web design, and graphic design tutorials.
I am Habib Ahmed, a Google Certified Senior UX Designer, Graphic Designer and Web Designer. I created this channel to help beginners and working designers build real skills in design.
Here you will find:
— Figma tutorials and Figma tips
— UX design tutorials and UI design tips
— Web design and responsive web design
— Landing page design and website design
— Graphic design and visual design
— Framer tutorial and prototyping tools
— Design systems, design tools, and product design
— Design career advice and designer tips
— Design for beginners and freelance designer guides
— Product updates and design tips and tricks
Whether you want to learn UI design, become a UX designer, or grow your design career — this channel is for you.
🔔 New videos every week. Subscribe so you never miss one.
Design with Habib
UI/UX design is changing FAST in 2026. And if you are still designing the same way you did 2 years ago, you might be falling behind.
In my next video, I am breaking down 7 UI/UX design trends that are changing how we design products right now.
Here is a quick look at what is covered:
01. AI as a quiet copilot
02. Motion that means something
03. Bento grid layouts
04. Bold expressive typography
05. Dopamine colors
06. Cognitive clarity
07. Liquid Glass and adaptive interfaces
Each trend includes real website examples you can go check out right now.
Which of these trends are you most excited about? Drop the number in the comments below.
Video goes live soon. Make sure you have notifications turned on so you do not miss it.
#UIUXDesign #DesignTrends2026 #UIDesign #DesignWithHabib
Video Link:
https://youtu.be/bYO9E3F_J6c?si=e9y8s...
3 weeks ago | [YT] | 3
View 0 replies
Design with Habib
Figma Config 2026 just dropped 6 massive features. 🔥
Which one are you most excited to try?
👇 Vote below!
Weave Tools and Generative Plugins did not make the poll but I cover all 6 in my latest video. Link in the comments. 👇
https://youtu.be/65blfoA2ffo?si=dz8JQ...
1 month ago | [YT] | 1
View 0 replies
Design with Habib
Figma Config 2026 just happened. 6 massive new features dropped. 🔥
Which one are you most excited about?
🎬 Figma Motion — animate inside your design file
✨ Shader Effects — AI-generated visual effects on canvas
💻 Code Layers — code and design in the same file
🔌 Generative Plugins — describe it, agent builds it
🌀 Weave Tools — AI image editing inside Figma
🤖 Agent Upgrades — Skills, Connectors, web search
I just uploaded an 8-minute video breaking down all 6. Go watch it and let me know what you think. 👇
Full Video Link:
https://www.youtube.com/watch?v=65blf...
1 month ago | [YT] | 1
View 0 replies
Design with Habib
I just uploaded a full breakdown of the Figma Design Agent. 🎨
Figma dropped something really big last month and I wanted to make sure you actually understand what it does and how to use it in a real design workflow.
Not just the hype. The actual features.
Here is what the video covers:
✅ What the Figma Agent is and why it is different from any AI plugin
✅ How it reads your design system, components and tokens
✅ Automating boring tasks like dark mode conversion and bulk edits
✅ Running multiple design directions at the same time
✅ Turning Figma comments into a revised screen in seconds
✅ How it connects to Figma Make for design to code workflows
✅ How to get free beta access right now
This one is for beginners and experienced designers. If you use Figma, this update affects you.
Video is live now. Link in the comments below 👇
https://youtu.be/WmISuhvNtAo?si=zglf0...
Which feature are you most excited to try? Drop it in the comments. I read every one.
#Figma #FigmaAI #FigmaAgent #FigmaUpdate #UIDesign #UXDesign #UIUXDesign #DesignWithHabib #FigmaTutorial #AIDesign #DesignTools #ProductDesign #FigmaTips #WebDesign #LearnDesign #DesignCommunity #FigmaMake #AITools #DesignEducation #Figma2026
1 month ago | [YT] | 0
View 1 reply
Design with Habib
WordPress 7.0 "Armstrong" just dropped — and it's the biggest update in years.
I covered everything:
✅ AI built directly into WordPress
✅ A brand new admin dashboard
✅ Visual revisions (finally!)
✅ New blocks, font library, design controls & more
This is the one update you don't want to miss if you use WordPress.
👉 Watch it now — link below 🔗
https://youtu.be/AVl5VO73BEA?si=mJfFN...
Which feature are you most excited about? Drop it in the comments 👇
#WordPress #WordPress7 #WordPressUpdate #WordPressAI #WebDesign #WebDesigner #WordPressTips #DesignWithHabib #UIDesign #ProductDesign #WebDev2026
1 month ago (edited) | [YT] | 1
View 2 replies
Design with Habib
🚀 Running a local business without a website?
Here’s why that’s holding you back 👇
🕒 Always Open for Business
While your shop sleeps, your website keeps working—24/7.
🤝 Boosts Trust Instantly
Customers take your business more seriously when you have a professional site.
📍 Get Discovered Locally
Appear on Google when people nearby are searching for what you offer.
🛒 Show What You Do Best
Display services, offers, reviews, and photos—all in one place.
📈 Drive Sales & Inquiries
A smart website turns visitors into paying customers.
💼 We help local businesses go digital with modern, mobile-friendly websites built to grow.
Let’s build yours today.
📩 DM to get started
#WebsiteForBusiness #LocalBusiness #SmallBusinessGrowth #WebDesignPakistan #PixelsOnScreen #DigitalPresence #BusinessWebsite #GrowYourBusiness #OnlineMarketing #WebDevelopment #WebsiteBenefits #DesignAgency #PakistaniBusinesses #BuildYourBrand #ModernWebDesign
1 year ago | [YT] | 1
View 0 replies
Design with Habib
Hi! Here I have curated a list of useful resources websites links for designers.
Follow @designwithhabib for more posts like this!
💯 Keep creating, keep improving!
Website : habibahmed.pk
Instagram : @designwithhabib
Facebook : @designwithhabibahm
#designwithhabib #ux #uxdesign #uxdesigner #uxigers #uxu #uxdesignmastery #uxui #uxbridge #uxdesigners #uxd #uxdesigning #uxgifs #uxinspiration #uxmal #uxlife #uxresearch #uxnucleus #uxuidesign #uxstrategy #uxseries #ux2 #uxtips #uxchoice #uxury #uxuidesigner #uxa #uiux #uiuxdesign #uiuxgifs #uiuxinspiration #uiuxdesigns #uiuxsupply #uiuxdedigners #uiuxbuttondesign #UIUXtraining #design #designer #designs #designers #designinspiration #designdeinteriores #designing #designed #designideas #designlovers #designstudio #designinterior #designlife #designporn #designspiration #designinteriores #designinspo #designerlife #designerwear #designerjewelry #DesignBuild #designart #designagency #designwanted #designthinking #designershoes #designgrafico #designerfashion #designblog #designerhome
1 year ago | [YT] | 1
View 0 replies
Design with Habib
Empathy in Design: The Key to Creating Successful Products
In the world of UX design, empathy is more than just a buzzword—it's a fundamental principle that drives innovation and user satisfaction. By truly understanding our users' perspectives, needs, and emotions, we can create products that not only solve problems but also resonate deeply with our audience.
Why Empathy Matters:
Empathy allows us to "walk in our users' shoes" and see the world from their point of view. This understanding is crucial for designing products that are intuitive, effective, and delightful to use.
Tools and Techniques:
User Interviews: Engage with users to gather qualitative data and insights.
Empathy Maps: Visualize user research findings to gain deeper insights.
Journey Maps: Map out user interactions to identify pain points and opportunities.
User Personas: Create semi-fictional characters based on user research to guide design decisions.
Card Sorting: Understand how users categorize information to improve information architecture.
Key Takeaways:
- Empathy is essential for impactful UX research, design, and writing.
- Prioritizing user needs and motivations leads to better product experiences.
- Embrace empathy to build valuable and profitable products that solve real needs.
Let's continue to champion empathy in our design processes and create products that truly make a difference!
Link to post:
www.instagram.com/p/DFFkDcxOgS4/?utm_source=ig_web…
#UXDesign #UserExperience #Empathy #DesignThinking #ProductDesign #UserResearch #DesignWithHabib
1 year ago | [YT] | 0
View 0 replies
Design with Habib
In this Figma Landing Page Tutorial video we will continue to design Landing Page Page Footer area of our page. You will learn time saving tips and techniques.
3 years ago | [YT] | 1
View 1 reply
Design with Habib
In this Figma Landing Page Tutorial video we will continue to design Landing Page Banner & News Section area of our page. You will learn time saving tips and techniques.
#figma #figmatutorial #uxdesign #uidesign #figmatips #figmadesign #figma_tutorial #mirzaha #FigmaLandingPageTutorial #skillshare
3 years ago | [YT] | 1
View 0 replies
Load more