Try the html.to.design plugin - https://www.figma.com/community/plugin/1159123024924461424/html-to-design-by-divriots-import-websites-to-figma-designs-web-html-css We now finally have a solution - to go from vibe-coded projects to fully editable Figma designs and components. From Claude Code to Figma with the html.to.design Figma plugin! Try the html.to.design plugin - https://www.figma.com/community/plugin/1159123024924461424/html-to-design-by-divriots-import-websites-to-figma-designs-web-html-css For Sponsorship: punitwebdeveloper@gmail.com Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb #figma #claudecode #uidesign

In this video, I break down the UX/UI design trends dominating 2026: endless/infinite gallery interactions, WebGL image distortion and displacement effects, and the shift to short-and-wide display formats. I'll show you real examples and free resources and tools to create these designs. For Sponsorship: punitwebdeveloper@gmail.com Video Chapters 0:00 Introduction 0:27 Cinematic Carousels 0:56 Endless Galleries 2:38 Liquid Glass in Design Systems 3:30 Distortions 4:19 Short & Wide Displays 5:22 Display-Less Hardware 7:30 New Type of Design Tools India Designathon - https://go.allevents.in/t6bhz Tools & Resources mentioned 1. Bogdan's design - https://x.com/bogdan_qclay/status/1897703330052448650?s=20 2. Phantom gallery component - https://www.framer.com/community/marketplace/components/phantom-gallery/ 3. Infinity canvas - https://www.originkit.dev/components/infinitegallery 4. Mark Clennon's portfolio - https://www.markclennon.com/diary/diary 5. Unicorn studio - https://www.unicorn.studio/ 6. Framer - https://framer.link/punitweb 7. Galaxy Z Fold 8 - https://www.samsung.com/in/smartphones/galaxy-z-fold8/ 8. Fitbit Air - https://blog.google/products-and-platforms/devices/fitbit/fitbit-air/ 9. Brilliant - https://brilliant.design/ 10. Penpot - https://penpot.app/ Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb #uidesign #uxdesign #designtrends

These free UX/UI design portfolios will really upgrade your design work! Comment "Portfolio" and I'll share the link! For sponsorships - punitwebdeveloper@gmail.com #uidesign #portfolio #uxdesign

Try out Framer Agents: https://www.framer.com/ai/ Framer just launched its biggest AI update ever - Framer Agents, AI Branching, Agentic SEO & web design all in one tool. You can start with free credits and then move forward with your projects. For Sponsorship: punitwebdeveloper@gmail.com Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb Video chapters 0:00 Introduction 0:39 Framer Agents 2:24 AI Variations 3:52 New Design Community 4:27 AI Branching 5:05 Ai Analytics & SEO #framer #ai #uidesign

Figma AI automations might replace Figma plugins! You can add cool effects, create on-brand icons & logos, convert videos into a certain style, and much more. For sponsorships - punitwebdeveloper@gmail.com #figma #ai #uidesign

Check out Mobbin MCP here: https://mobbin.com/mcp Today we're looking at new Figma plugins that will upgrade your design workflows! From AI designers to automation tools and more. India Designathon - https://go.allevents.in/t6bhz Plugins & tools mentioned 1. Image to design: https://www.figma.com/community/plugin/1461393763625176521/image-to-design-by-divriots-imports-avif-webp-jpeg-xl-jpeg-2000-png-tiff-svg-raw 2. Aesthetron: https://www.figma.com/community/plugin/1585931358063175266/aesthetron-ai 3. Higgsfield: https://www.figma.com/community/plugin/1641150071720162509/higgsfield-ai-remove-background-mockup-face-swap-ai-image-video-generator 4. Figma AI Workflows: https://www.figma.com/community/ai-workflows?resource_type=files&editor_type=weave For Sponsorship: punitwebdeveloper@gmail.com Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb Video Chapters 0:00 Introduction 0:21 Designathon 0:32 Image to Design AI 1:39 Aesthetron AI 2:37 Mobbin MCP Promotion 5:50 Higgsfield AI 7:10 New Automation Tools #uidesign #uxdesign #figma

These new UX/UI courses help you learn like playing games! They are free and easy to start. Email for sponsorships - punitwebdeveloper@gmail.com #uxdesign #uidesign #courses

Recently, Gal Shir shook the internet when he said that he is quitting design - because it has gotten too good, and he believes it will replace all designers soon. Is this just rage-bait or a harsh reality? My advice: take this with a pinch of salt, and learn how to use AI with your design work. Gartner research on companies re-hiring after AI - https://www.gartner.com/en/newsroom/press-releases/2026-02-03-gartner-predicts-half-of-companies-that-cut-customer-service-staff-due-to-ai-will-rehire-by-2027 My Ebook for designers - https://punitchawla.gumroad.com/l/magnet For Sponsorship: punitwebdeveloper@gmail.com Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb #design #uxdesign #uidesign

Figma just acquired an AI startup called Bud AI - a tool that helps create work automations faster and better. Is this buyout a monopoly strategy, or a genuine effort to improve Figma AI and Figma Agent workflows? For sponsorships/colab: punitwebdeveloper@gmail.com #figma #uidesign #ai

Today we're looking at amazing new UX/UI design tool and AI tools that will fit into your workflows perfectly - this includes Figma Bud, Animos, my free Ebook, claude course, and more! For Sponsorship: punitwebdeveloper@gmail.com Resources mentioned 1. Moda - https://moda.app?ref=P5SSXHFP 2. Originkit - https://www.originkit.dev/ 3. Try Framer update - https://framer.link/punitweb 4. Open design - https://open-design.ai/ 5. Brilliant - https://brilliant.design/ 6. Magnet Ebook - https://punitchawla.gumroad.com/l/magnet 7. Figma buys Bud - https://bud.app/blog/bud-is-joining-figma 8. Claude free course - https://www.youtube.com/watch?v=YMrY_SN_Qys Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb Video chapters 0:00 Introduction 0:23 Moda Design 1:27 Figma Buys Bud 2:19 Animo 3:11 Open Design 4:02 Brilliant Design 5:43 Notion Agents for iPhone 6:17 Free Ebook Launch 6:45 New Framer 8:04 Claude Free Course #uidesign #uxdesign #ai

This website called OriginKit lets you copy amazing UI animations directly into your website, Framer, and even connect it to your AI tools via the MCP server. What do you think? For sponsorships: punitwebdeveloper@gmail.com #uidesign #webdesign #animation

This tool called Brilliant.design wants to compete with Figma and become a home for your AI agents to work in. All its design features are 100% free; they only charge for the AI connectivity. For sponsorships - punitwebdeveloper@gmail.com #figma #uidesign #uxdesign

A new competitor to Figma, called Brilliant, has entered the design industry. With loads of powerful AI features, local file management, and intuitive design features that are ALL FREE, could this be the next big thing? Check out Brilliant for free: https://brilliant.design/ Thank you, Brilliant, for sponsoring the channel and helping bring free content to my amazing audience. For Sponsorship: punitwebdeveloper@gmail.com Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb #figma #uidesign #uxdesign #ai

Check out Relume to Claude Design - https://www.relume.io/claude-design-export Today, we are going from a client brief to a fully functional design in Claude Design & Claude Code. We are using Relume to generate wireframes and designs, which is a great starting point for UI and web design. Client brief - https://docs.google.com/document/d/1-h-doHXVLDhuf9w81jZtEejRPFxxwtXH667UdsOdlhI/edit?usp=sharing For Sponsorship: punitwebdeveloper@gmail.com Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb Video chapters 0:00 Introduction 0:18 Client Brief to Sitemap 2:20 Generating Wireframes 4:12 Creating Content & UX Copy 5:16 Generate Style Guide & UI 9:19 Designs to Website in Claude 10:59 Sync Design System 11:24 Save AI Tokens #webdesign #claude #claudecode

Apple just acquired "Play", a dedicated design tool for Apple which has some unique features that helped it stand out from the competition. But why is Apple spending money on UX/UI design tools - a future Figma competitor? An Xcode integration, or something else... Read about the news here: https://9to5mac.com/2026/06/29/apple-just-acquired-the-app-that-won-last-years-innovation-apple-design-award/ For Sponsorship: punitwebdeveloper@gmail.com Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb Video chapter 0:00 Introduction 0:14 Apple UI Design Tool 0:34 Design to Code 0:50 Design Tool on iPhone 1:09 Future of Apple Design #apple #uidesign #uxdesign

For sponsorships: punitwebdeveloper@gmail.com #apple #uidesign #uxdesign

Figma just launched major updates at Figma Config 2026. From Figma Motion, which is a dedicated animation tool, to Generative Plugins and Code Layers. Check all of the Figma Updates out! For Sponsorship: punitwebdeveloper@gmail.com Learn more about the Figma update - https://www.figma.com/blog/config-2026-recap/ Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb Video chapters 0:00 Introduction 0:25 Figma Motion 1:41 Generative Plugins 2:32 Code Layers 3:13 Shaders 3:55 Figma Weave 4:15 3D Transforms 4:44 My Honest Opinion #figma #config2026 #uidesign

This new AI design tool is the FREE alternative to Figma, Claude and all the other tools! Open Design is a free and open-source alternative to Figma, Claude and other AI tools, where you can connect your own API keys from 16 different modals and easily use this tool for free. Try it out! Email for sponsorship - punitwebdeveloper@gmail.com #uidesign #figma #claude

Check out TicNote Cloud for design - https://ticnote.com/en/home These Free UX/UI design courses are easy to learn from and cover important topics for all levels of learners. We're also looking at new AI courses for UX/UI design, web design & creativity. For Sponsorship: punitwebdeveloper@gmail.com Course Links 1. UX Peak - https://www.uxpeak.com/ 2. Portfolio Builders - https://portfoliobuilders.in/free-courses/ 3. Adobe Certificate - https://www.coursera.org/instructor/adobe 4. Design Challenge - https://designcourse.com/app/foundations/2026-uiux/week-1/challenge-introduction/1 5. Honen - https://honen.com/ 6. Udacity Free - https://www.udacity.com/course/product-design--ud509 7. DSU - https://designsystem.university/courses 8. Figma New Course - https://www.freecodecamp.org/news/learn-figma-for-ui-ux-design/ 9. UX Academy - https://myuxacademy.com/masterclass/free-ux-ui-masterclass/ 10. My New Course - https://www.udemy.com/course/googlestitch/?referralCode=A7DDC51B9C2D1255A58D 11. UX Writing - https://course.uxwritinghub.com/free-course-ai-for-ux Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb Video chapters 0:00 Introduction 0:15 UXpeak 1:30 Portfolio Builders 2:20 Ticnote AI For UX - Sponsor 4:23 Design Challenge 2026 5:10 Adobe Free Certificate 6:21 Honnin AI Course 7:16 Figma New Course 7:34 UX Academy London 8:07 DSU 8:53 Udacity Free Course 9:48 UX Writing Course 10:00 My New Course #uxdesign #uidesign #courses

These web design tools create 3D websites and interactions without code! Subscribe for more design content. For sponsorships/colabs: punitwebdeveloper@gmail.com #webdesign #uidesign #3d

This month, we have some insane new UX/UI design tools which you have to try! I found a Figma alternative, OpenAI's new design tool, Figma Chrome extension, AI motion designer, and more! My design course - https://www.udemy.com/course/googlestitch/?referralCode=A7DDC51B9C2D1255A58D Tools mentioned 1. OpenAI web design - https://openai.com/index/codex-for-every-role-tool-workflow/ 2. Higgsfield for Figma - https://higgsfield.ai/plugins/figma 3. Figma Chrome extension - https://www.figma.com/downloads/chrome-extension/ 4. Motion - https://motion.so/ 5. Nodey AI - https://uxpilot.ai/nodey 6. Figma Agent early access - https://www.figma.com/join-waitlist/ 7. Jitter AI - https://jitter.video/changelog/2026-05-13-animate-with-ai/ 8. MagicPath 2 - https://www.magicpath.ai/ 9. Apple Design - https://developer.apple.com/videos/wwdc2026/?topic=design 10. Brilliant AI - https://brilliant.design/ For Sponsorship: punitwebdeveloper@gmail.com Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb Video chapters 0:00 Introduction 0:27 OpenAI Designer 1:20 New Figma Extension 2:40 Higgsfield Figma 3:15 AI Motion Tool 4:07 Figma Agent 5:05 Apple Design Course 5:45 Brilliant Design Tool 6:40 MagicPath Two 7:21 Jitter AI 8:18 Perspective 9:05 Nodey AI #uidesign #uxdesign #ai

#figma #uidesign #uxdesign

Apple just launched major UX/UI design updates - black liquid glass UI, 3D icons and even spacial image editing! Follow me for more content every week! #apple #uxdesign #wwdc2026

Apple just announced a bunch og big updates at WWDC 2026, where they showcased a new design & UX direction. These include black liquid glass, changes to the Siri AI experience, new AI tools for everyone, and a new look for app icons! My new AI Design course - https://www.udemy.com/course/googlestitch/?referralCode=A7DDC51B9C2D1255A58D For Sponsorship: punitwebdeveloper@gmail.com Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb Video chapter 0:00 Introduction 0:15 Liquid Glass Tweaks 0:40 Expanded UI 1:04 Glassy Icons 1:36 Black Glass 2:28 Masked Typography 2:49 Siri AI 3:31 Contextual Actions 4:21 Generative Image Editing 5:16 Spatial Design 5:39 AI Computer 6:07 Figma Integration #apple #uxdesign #uidesign

Today we're looking at an AI design workflow - to go from an idea to complete market research, UI design, competitive analysis and more with one tool - Rocket.new Try Rocket - https://www.rocket.new/?utm_source=youtube&utm_medium=punitchawla&utm_campaign=rocket1o For Sponsorship: punitwebdeveloper@gmail.com Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb Video chapters 0:00 Introduction 0:29 Rocket AI 0:47 Starting project 1:24 Research with AI 4:10 UI Design with AI 7:01 Adding Functionality 8:20 AI Intelligence #ai #uxdesign #productdesign

Jitter AI is a powerful new AI design tool to create customizable features to tweak and create designs for better efficiency. Whatever you can imagine, Jitter will probably be able to build a design feature for you. Jitter is a motion design tool for UX/UI designers, web designers, and others. Disclaimer: This is NOT an ad; this is a personal exploration of a new design tool only. #uidesign #uxdesign #ai

Today we're looking at new updates to Figma, Figma Make, and a $100,000 Figma challenge - Figma Makeathon! My new course - https://www.udemy.com/course/googlestitch/?referralCode=A7DDC51B9C2D1255A58D Makeathon - https://contra.com/community/topic/configmakeathon Figma Updates - https://www.figma.com/release-notes/ For Sponsorship: punitwebdeveloper@gmail.com Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb #figma #uidesign #makeathon

Figma just launched Figma Makeathon, a worldwide online challenge with $100,000 in prizes! You also get Figma Pro plan for free after registration, as well as free Weave credits. #figma #uidesign #prize

#uidesign #webdesign #animation

Figma just updated its AI tools with Figma Agent, an assistant in your canvas that can make edits, expand components, create variations, and even build patterns while using your own design systems. Figma Make also gets a major change - with Custom Skills that allow you to pre-define tasks to help save time and create consistent results. This and much more in today's video! Check out all the updates - https://www.figma.com/release-notes/ My new AI course - https://www.udemy.com/course/googlestitch/?referralCode=A7DDC51B9C2D1255A58D For Sponsorship: punitwebdeveloper@gmail.com Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb Video chapters 0:00 Introduction 0:23 Figma Agent 0:32 New AI Window 0:44 Design Edits With AI 0:59 Create Variations 1:32 Generate Components & Sections 2:06 Design Systems 3:01 Comments AI 3:22 Problem Solving With Agent 3:46 Component Expansion 4:16 Figma Grids Update 5:19 Figma Slides Update 6:02 Custom Skills in Figma Make #figma #ai #uidesign

Figma just launched Figma Agents which is an amazing AI tool built into the canvas - create Audi variations, build components, add new design systems, and even ask complex questions automatically! #figma #uidesign #uxdesign

Check out today's sponsors - Flowstep AI: https://flowstep.ai/ These new Figma plugins for UX/UI designers are super useful! These include UI animations, AI assistants for design and more! Resources mentioned: 1. Autospec - https://www.figma.com/community/plugin/1617583429485136783/autospec-design-system-documentation 2. Lottie Flow - https://www.figma.com/community/plugin/1609863523328786463/lottie-flow-import-lottie-json-to-figma-components 3. Figclaw - https://www.figma.com/community/plugin/1610744892832367485/figclaw 4. Liquid Glass Pro - https://www.figma.com/community/plugin/1520830114693375150/liquid-glass-pro 5. Buddy AI - https://www.figma.com/community/plugin/1616481120325792817/buddy-figma-ai-design-agent-ux-ai-co-pilot-ux-assistant-ai-chat-god-mode-wireframe-generator 6. Image2gradient - https://www.figma.com/community/plugin/1610260748967690293/image2gradient 7. Vibedesign - https://www.figma.com/community/plugin/1597089912594855032/vibe-design 8. Waysorted - https://www.figma.com/community/plugin/1532842109377504268/waysorted-suite-ai-comment-summarizer-html-to-design-import-export-icon-library-color-palette 9. Charts+ - https://www.figma.com/community/plugin/1369795683946720598/charts-by-highcharts 10. Flowstep - https://flowstep.ai/ For Sponsorship: punitwebdeveloper@gmail.com Follow Me on Instagram: https://www.instagram.com/punitchawlaofficial/ Follow me on Medium: https://medium.com/@punitweb My Behance Profile: https://www.behance.net/punitweb Video chapters 0:00 Introduction 0:20 Lottie Flow 1:12 Figclaw 2:26 Flowstep 3:39 Buddy AI 4:35 Vibedesign 6:27 Waysorted 6:43 Image2gradient 7:26 Liquid Glass 8:39 Charts Plus #figma #uidesign #uxdesign

Check out Flowstep AI - https://flowstep.ai/ #ai #uidesign #uxdesign