Puja Bhattacharjee
Puja Bhattacharjee
  • 47
  • 7 444
Power of Wrap Option in Auto Layout | Figma Tutorial 2024
Discover the game-changing capabilities of the wrap option in auto layout with our in-depth tutorial! 🚀 Unleash your design potential as we delve into this powerful feature, allowing you to effortlessly arrange elements in rows and columns that automatically adjust based on content size. Whether you're a seasoned designer or new to auto layout, this tutorial is your gateway to creating dynamic and responsive layouts with ease. Join us as we explore the versatility of the wrap option and learn how it can revolutionize your design workflow. 💡
In this tutorial, you'll learn:
✅ Understanding the wrap option and its functionalities
✅ Practical techniques for organizing elements in rows and columns
✅ Tips for optimizing layouts for various screen sizes
✅ Real-world examples and case studies showcasing the wrap option in action
Don't miss out on this opportunity to elevate your UI design skills to new heights! Watch now and master the art of using the wrap option in auto layout. 🌟
Follow me on :
instagram : creativeuxworks?next=%2F
Linkedin : www.linkedin.com/in/pujabhattacharjee9999/
Keywords:
Wrap Option
Auto Layout
Figma Tutorial
Design Techniques
Responsive Design
UI Design
Design Workflow
Design Tips
Creative Design
Digital Design
Переглядів: 93

Відео

Mastering Card Animation in UI Design | Ultimate Guide & Techniques | Design Tutorial 2024
Переглядів 722 місяці тому
Unlock the captivating world of card animation with my comprehensive tutorial! 🚀 Learn how to breathe life into your UI designs with stunning card animations that engage users and elevate user experience. Whether you're a seasoned designer or just starting out, this tutorial is packed with practical techniques and strategies to help you master card animation and create mesmerizing visual experi...
Mastering Glassmorphism Effect in UI Design | Ultimate Guide & Techniques | Design Tutorial 2024
Переглядів 193 місяці тому
Unlock the enchanting world of Glassmorphism Effect with my comprehensive tutorial! 🚀 Dive deep into this mesmerizing design trend and learn how to create stunning glass-like elements in your user interface designs. Whether you're a seasoned designer or just starting out, this tutorial is packed with practical techniques and strategies to help you master Glassmorphism and elevate your UI design...
Mastering UX Research | Ultimate Guide & Techniques | Design Tutorial 2024
Переглядів 513 місяці тому
Unlock the secrets of UX Research with my comprehensive tutorial! 🚀 Dive deep into the world of user experience research and learn how to uncover valuable insights to create user-centric designs. Whether you're a seasoned UX designer or just starting out, this tutorial is packed with practical techniques and strategies to help you conduct effective research and enhance your design process. Join...
Design Thinking | Ultimate Guide & Techniques | Design Tutorial 2024
Переглядів 303 місяці тому
Dive into the transformative power of Design Thinking with my comprehensive tutorial! 🚀 Learn how to harness this innovative approach to problem-solving and unleash your creative potential. Whether you're a designer, entrepreneur, or simply curious about design methodologies, this tutorial is packed with practical techniques and strategies to help you tackle challenges and generate innovative s...
How to Create an Auto Scroll Carousel in Figma | Dynamic Design Tutorial 2024
Переглядів 1523 місяці тому
Elevate your design game with my latest Figma tutorial on creating an auto-scroll carousel! 🎨✨ Learn how to add automatic scrolling functionality to your carousels in Figma, making it easy to showcase multiple images or content in a dynamic and engaging way. Whether you're a beginner or an experienced designer, this tutorial provides step-by-step instructions and valuable tips to enhance your d...
Mastering Loading Animations in Figma | Dynamic Design Tutorial 2024
Переглядів 673 місяці тому
Get ready to level up your design game with my latest Figma tutorial on loading animations! In this comprehensive guide, I'll show you how to create eye-catching loading animations that captivate your audience and enhance user experience. Whether you're a seasoned designer or just starting out, this tutorial is packed with tips and techniques to help you master the art of loading animations in ...
Mastering Multi-Edit in Figma | Boost Your Design Efficiency | Figma Tutorial 2024
Переглядів 374 місяці тому
Unlock the power of multi-editing in Figma with my comprehensive tutorial! Learn how to streamline your design workflow and save time by making simultaneous edits to multiple elements. Perfect for designers and Figma enthusiasts, this guide will empower you to work faster and more efficiently, allowing you to focus on unleashing your creativity. 🌟 In this tutorial, you'll learn: ✅ Understanding...
Prototyping Basics in Figma | Essential Guide for Beginners | Figma Tutorial 2024
Переглядів 354 місяці тому
Embark on your journey into prototyping with my comprehensive Figma tutorial! In this beginner-friendly guide, cover the essential basics of prototyping in Figma, empowering you to bring your designs to life and create interactive prototypes with ease. Whether you're a novice designer or looking to expand your skills, this tutorial will provide you with the foundation needed to master prototypi...
💬 Mastering the Comment Tool in Figma | Collaborate Seamlessly | Figma Tutorial 2024
Переглядів 394 місяці тому
Unlock the power of collaboration with my latest Figma tutorial! In this comprehensive guide, I dive into the Comment Tool, an essential feature for seamless collaboration and feedback sharing in Figma. Whether you're a designer or part of a design team, this tutorial will empower you to streamline your workflow and enhance communication with clients and colleagues. 🌟 In this tutorial, you'll l...
Mastering Form Controls Part 4: Crafting Navigation Bars and Tabs | Figma Tutorial 2024
Переглядів 574 місяці тому
Elevate your UI/UX skills with my latest Figma tutorial! In Form Controls Part 4, I delve into the essential elements of Navigation Bars and Tabs, fundamental components for user navigation and organization. Whether you're a designer or Figma enthusiast, this comprehensive guide will empower you to create intuitive and visually appealing navigation systems. 🌟 In this tutorial, you'll learn: ✅ D...
Mastering Form Controls Part 3: Designing Input Fields and Buttons | Figma Tutorial 2024
Переглядів 464 місяці тому
Enhance your UI/UX skills with my latest Figma tutorial! In Form Controls Part 3 I dive into the essential elements of Input Fields and Buttons, crucial components for user interaction. Whether you're a designer or Figma enthusiast, this comprehensive guide will empower you to create intuitive and visually appealing form components. 🌟 In this tutorial, you'll learn: ✅ Crafting sleek Input Field...
Mastering Form Controls Part 2 : Designing Toggle Switches and Dropdown Menus | Figma Tutorial 2024
Переглядів 2005 місяців тому
Enhance your UI/UX skills with my latest Figma tutorial! In Form Controls Part 2, I delve into the intricacies of designing Toggle Switches and Dropdown Menus, essential elements for user interaction. Whether you're a designer or Figma enthusiast, this comprehensive guide will empower you to create intuitive and visually appealing form components. In this tutorial, you'll learn: ✅ Crafting slee...
Mastering Constraints in Figma | Ultimate Design Control Tutorial 2024
Переглядів 615 місяців тому
Unlock the full potential of your designs with my comprehensive Figma tutorial on Constraints! Join me as I delve into the essential techniques for mastering Constraints in Figma, empowering you to achieve precise control over your design elements. Perfect for designers and Figma enthusiasts, this step-by-step guide will elevate your design game and ensure pixel-perfect layouts every time. 🌟 In...
Create a Stunning Curved Carousel in Figma | Dynamic Design Tutorial 2024
Переглядів 715 місяців тому
Immerse yourself in the world of dynamic design with my latest Figma tutorial! Join me as I guide you through the creation of a Curved Carousel that adds a touch of elegance and innovation to your projects. Perfect for designers and Figma enthusiasts, this step-by-step guide will empower you to craft eye-catching, curved carousels that captivate your audience. 🌟 In this tutorial, you'll learn: ...
Figma Controls Part 1: Mastering Design Control Elements | Figma Tutorial 2024
Переглядів 465 місяців тому
Figma Controls Part 1: Mastering Design Control Elements | Figma Tutorial 2024
Crafting Button Components in Figma | A Guide to Variants & Design Consistency | Figma Tutorial 2024
Переглядів 1925 місяців тому
Crafting Button Components in Figma | A Guide to Variants & Design Consistency | Figma Tutorial 2024
Mastering Boolean Operations in Figma | Advanced Design Techniques | Figma Tutorial 2024
Переглядів 515 місяців тому
Mastering Boolean Operations in Figma | Advanced Design Techniques | Figma Tutorial 2024
Create a Sticky Header on Scroll in Figma | Ultimate Design Hack | Figma Tutorial 2024
Переглядів 655 місяців тому
Create a Sticky Header on Scroll in Figma | Ultimate Design Hack | Figma Tutorial 2024
Flip Card Animation in Figma | Step-by-Step Tutorial for Dynamic Designs | Figma Animation 2024
Переглядів 2175 місяців тому
Flip Card Animation in Figma | Step-by-Step Tutorial for Dynamic Designs | Figma Animation 2024
How to Create Stunning Outline Effects in Figma | Figma Tutorial 2024
Переглядів 1945 місяців тому
How to Create Stunning Outline Effects in Figma | Figma Tutorial 2024
Mastering Horizontal Scroll in Figma | Figma Tutorial 2024
Переглядів 855 місяців тому
Mastering Horizontal Scroll in Figma | Figma Tutorial 2024
Create Text Animations in Figma | Figma Tutorial 2024
Переглядів 2595 місяців тому
Create Text Animations in Figma | Figma Tutorial 2024
Design and Animate a Stylish Bottom Navigation in Figma! | Figma Tutorial 2024
Переглядів 1205 місяців тому
Design and Animate a Stylish Bottom Navigation in Figma! | Figma Tutorial 2024
Unlock Figma Mastery: A Comprehensive Guide to Stunning Effects | Figma Tutorial 2024
Переглядів 335 місяців тому
Unlock Figma Mastery: A Comprehensive Guide to Stunning Effects | Figma Tutorial 2024
Time-Saving Figma Trick with Styler Plugin for Multiple Styles! | Figma Tutorial 2024
Переглядів 635 місяців тому
Time-Saving Figma Trick with Styler Plugin for Multiple Styles! | Figma Tutorial 2024
Design and Animate: Interactive Toggle Button in Figma | Figma Tutorial 2024
Переглядів 876 місяців тому
Design and Animate: Interactive Toggle Button in Figma | Figma Tutorial 2024
Effortless Design Consistency: Creating and Using Styles in Figma | Figma Tutorial 2024
Переглядів 646 місяців тому
Effortless Design Consistency: Creating and Using Styles in Figma | Figma Tutorial 2024
Mastering Navigation Menus: Create Top Menus and Sub-menus in Figma | Figma Tutorial 2024
Переглядів 1596 місяців тому
Mastering Navigation Menus: Create Top Menus and Sub-menus in Figma | Figma Tutorial 2024
Create Tables in Figma Instantly with Table Creator Plugin | Figma Tutorial 2024
Переглядів 3,6 тис.6 місяців тому
Create Tables in Figma Instantly with Table Creator Plugin | Figma Tutorial 2024

КОМЕНТАРІ

  • @rashmi_gaur
    @rashmi_gaur 5 днів тому

    how to resize the table????(stretching etc.)

  • @nmanjunathmanju2062
    @nmanjunathmanju2062 14 днів тому

    Request you to make 1 hour video from scratch to delivery stages , for UI designer how the work will start who all are there connective for live project how they do advance components or basic components

  • @user-rf7ye1ne9l
    @user-rf7ye1ne9l 2 місяці тому

    how do u add a btn

  • @makindetimileyin
    @makindetimileyin 2 місяці тому

    Thanks

  • @ameenrrihan4251
    @ameenrrihan4251 2 місяці тому

    hey pls, tell me how to merge the row??

  • @jahediUX
    @jahediUX 3 місяці тому

    very low sound of your video.

    • @puja_uiux
      @puja_uiux 3 місяці тому

      Sorry for that I'll try to rectify that in the upcoming videos

    • @jahediUX
      @jahediUX 3 місяці тому

      @@puja_uiux Not only this video. Design thinking that video also very low sound.

    • @puja_uiux
      @puja_uiux 3 місяці тому

      @hasanzahid7940 yeah those videos I will be re-uploading soon 👍 thanks for informing

  • @samratsarkar9999
    @samratsarkar9999 3 місяці тому

    Great Content 🤩

  • @nigelmashayamombe9167
    @nigelmashayamombe9167 3 місяці тому

    thank you very much . i found the information you shared very useful and im sure it will help others who are also in search of simplified guides.

  • @deepalimehra2195
    @deepalimehra2195 4 місяці тому

    how to make the color to null of the table as i am using backgroung image at the back

    • @puja_uiux
      @puja_uiux 4 місяці тому

      you can double click on the whole table and in the properties panel just decrease the opacity of the fill color

  • @nmanjunathmanju2062
    @nmanjunathmanju2062 4 місяці тому

    Hi, really helping a lot for me. I've finished the visual website design. The developer is requesting the HTML, CSS, and JavaScript code since they are not familiar with Figma. I'm currently learning from your channel. How should I send the code?" please help me on this

    • @puja_uiux
      @puja_uiux 4 місяці тому

      There is a dev mode feature in figma they can use that to get the code for each section... I hope this helps

  • @vidyab4400
    @vidyab4400 4 місяці тому

    Could you make a video on AutoLayout for website design? I'd love to see the clear process of setting up grids, gutters, and columns for a homepage, and how to ensure responsiveness. Your tutorials are always easy to follow, and I think this would be super helpful. Thanks!🙂

  • @vidyab4400
    @vidyab4400 4 місяці тому

    Really useful course! Thanks a lot!

  • @vidyab4400
    @vidyab4400 4 місяці тому

    Hey Puja, I absolutely love your videos! They're incredibly helpful. 👍 I just wanted to mention that I'm a bit confused about the input box and button you added. It would be great if you could show a preview after creating them. Keep up the fantastic work!

    • @puja_uiux
      @puja_uiux 4 місяці тому

      Sure in my upcoming videos I'll show the preview of the design as well 👍

  • @soldier4082
    @soldier4082 5 місяців тому

    maza aya😊

  • @KindaAlwaysBluish
    @KindaAlwaysBluish 5 місяців тому

    Keep making them! you are amazing help!

  • @vidyab4400
    @vidyab4400 5 місяців тому

    Can you please make a video on design prototypes for various UI components for below lists. It would be great help please. Radio Button Checkboxes Toggle Switches Dropdown Menus Input Fields Buttons Navigation Bars Tabs Modal Windows Progress Bars Cards Slider Controls Alerts/Toasts Pagination Date Pickers Color Pickers

    • @puja_uiux
      @puja_uiux 5 місяців тому

      Surely I'll be creating video on these topics 👍

  • @vidyab4400
    @vidyab4400 5 місяців тому

    Well explained 👏 and informative video.

  • @ajinkyabhuskat3697
    @ajinkyabhuskat3697 5 місяців тому

    Màm I think you should bring a full figma course from beginner to high level stepwise..

    • @puja_uiux
      @puja_uiux 5 місяців тому

      Your encouraging comment means a lot! I'm happy to see my tutorials are helping you on your learning journey

  • @ajinkyabhuskat3697
    @ajinkyabhuskat3697 5 місяців тому

    Informative video..thanks 🙏🏻

  • @ajinkyabhuskat3697
    @ajinkyabhuskat3697 5 місяців тому

    Reason behind two times"Shift-h" operation on 2nd card ?

    • @puja_uiux
      @puja_uiux 5 місяців тому

      To add the flipping animation in the prototype

  • @manoraj7083
    @manoraj7083 5 місяців тому

    Nice

  • @hammad8255
    @hammad8255 5 місяців тому

    Thanks for sharing keep sharing your knowledge

    • @puja_uiux
      @puja_uiux 5 місяців тому

      Thanks for watching 👍

  • @ajinkyabhuskat3697
    @ajinkyabhuskat3697 5 місяців тому

    Nice Tutorial...Thank you màm..🙏🏻

    • @puja_uiux
      @puja_uiux 5 місяців тому

      Thanks for watching 👍

  • @ajinkyabhuskat3697
    @ajinkyabhuskat3697 5 місяців тому

    Thnxx màm...for this awesome figma Tutorial.

    • @puja_uiux
      @puja_uiux 5 місяців тому

      Thanks for watching 👍

  • @manoraj7083
    @manoraj7083 5 місяців тому

    Learned a new thing by your video

  • @nmanjunathmanju2062
    @nmanjunathmanju2062 5 місяців тому

    Thank you very much for your Figma tutorial video, which has been incredibly helpful in my learning process. I watch every video you upload. I'm wondering if this knowledge is sufficient for working on projects or becoming a professional Figma expert. Please let me know. Additionally, I have a suggestion. Could you please increase the font size of the text in your Figma tutorial UA-cam thumbnail title to 75%? Many users access the platform from mobile devices or tablets, so enlarging the title would enhance visibility. Consider using a catchy thumbnail heading like "Figma: Learn and Earn 25 LPA" to attract students, current employees, and designers. This could significantly boost your UA-cam channel's subscriptions and help you reach over 10 million subscribers.

    • @puja_uiux
      @puja_uiux 5 місяців тому

      I'm really happy that you find my videos helpful and you watch all my videos And also thank you for your suggestion I'll definitely try to use bigger fonts in my thumbnails thanks 👍

  • @manoraj7083
    @manoraj7083 5 місяців тому

    Nice video

  • @nmanjunathmanju2062
    @nmanjunathmanju2062 6 місяців тому

    Great video mam

  • @nmanjunathmanju2062
    @nmanjunathmanju2062 6 місяців тому

    Wow madam really thank you great video

  • @aqqu2645
    @aqqu2645 6 місяців тому

    Didi jyda se jyda content complete kro plzz

  • @manoraj7083
    @manoraj7083 6 місяців тому

    Ethu puthusa iruku annaiye ethu puthusa iruku ❤.

  • @nmanjunathmanju2062
    @nmanjunathmanju2062 6 місяців тому

    thanks mam your video is helping me to learn figma can you please make video 1 navigation menu with sub menu 2 full prototype basic and advance 3 full components and design system 4 how UI Designer work in project how team works together in project what is the roadmap in project and how is your workflow how to design handover to developer I hope you will make a video for this

    • @puja_uiux
      @puja_uiux 6 місяців тому

      Thank you so much for suggesting the topics and surely these topics will be covered in my upcoming videos so keep watching

  • @nmanjunathmanju2062
    @nmanjunathmanju2062 6 місяців тому

    thanks mam your video is helping me to learn figma can you please make video 1 navigation menu with sub menu 2 full prototype basic and advance 3 full components and design system 4 how UI Designer work in project how team works together in project what is the roadmap in project and how is your workflow how to design handover to developer I hope you will make a video for this

  • @mohdaqibsiddiqui1462
    @mohdaqibsiddiqui1462 6 місяців тому

    Mam app playlist creat kr do

  • @mohdaqibsiddiqui1462
    @mohdaqibsiddiqui1462 6 місяців тому

    Mam plzz complete krana figma

    • @puja_uiux
      @puja_uiux 6 місяців тому

      Sure ! Meh saare topics cover karungi so keep watching 👍

    • @mohdaqibsiddiqui1462
      @mohdaqibsiddiqui1462 6 місяців тому

      You arr doing great mam

  • @davidbrightnyirenda761
    @davidbrightnyirenda761 10 місяців тому

    Gud one

  • @markpeters2254
    @markpeters2254 10 місяців тому

    That was easy, thanks!

    • @puja_uiux
      @puja_uiux 9 місяців тому

      Glad it helped!

  • @manoraj7083
    @manoraj7083 10 місяців тому

    Nice explanation

    • @puja_uiux
      @puja_uiux 10 місяців тому

      Thanks for watching