Figma Autolayout 101: Explained in Bangla | Learning Design

Поділитися
Вставка
  • Опубліковано 19 вер 2024
  • Hello Design People,
    Today I showed & discussed one of the most anticipated topics! "Autolayout in Figma". Here I talked in detail about the concepts and applications.
    #figma #figmatutorial #autolayout #ux
    Got any UX related questions? Join Here:
    👉 www.atiq.info/...
    Want suggestions from me about product design, career, etc? Book me:
    adplist.org/me...
    ✅My Website ► www.atiq.info
    ✅Facebook Page ► / uxtalkswithatiq
    ✅My Dribbble ► atiq31416.drib...
    ✅Spotify ► open.spotify.c...
    ✅Apple Podcast ► podcasts.apple...
    ✅Google Podcast ► podcasts.googl...
    ✅Amazon Audio ► music.amazon.c...
    👉 Related Hashtags: #figmatips #figmadesign #uiux #webdesign #freelancing #youtuber #uxdesigner #productdesign
    ˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍ
    Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statutes that might otherwise be infringing. Non-profit, educational, or personal use tips the balance in favor of fair use.
    ˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍˍ

КОМЕНТАРІ • 213

  • @jalalsakib2529
    @jalalsakib2529 2 роки тому +13

    আমরা আপনার কাছে ২টা জিনিস চাইঃ
    ১। আপনি মাঝেমাঝে পারলে "বিভিন্ন প্রোডাক্টের ইউএক্স নিয়ে কথা বলবেন", সেখানে কি কি প্রব্লেম আছে এবং কি কি করলে বেটার করা যায়, এমনভাবে এপিসোডিক ভিডিও দিবেন। এতে আমরা প্রসেসটা শিখবো।
    ২। একটা আলাদা সিরিজ শুরু করে যেখানে ডেমো এ্যাপ বিভিন্ন " প্রব্লেম স্টেটমেন্ট, প্রসেস" মানে যেভাবে পোর্টফোলিওতে করা হয়, ওভাবে ভিডিও দিবেন।
    প্লিজ প্লিজ পিজ ভাইয়া। একটু কষ্ট করে করবেন প্লিজ।

  • @towhidulislam7882
    @towhidulislam7882 2 роки тому +9

    I was looking for such a tutorial for a long time and finally found it. Alhamdulillah. I will not be short by thanking you for explaining so beautifully, I just pray that Allah will increase your knowledge and teach us like this. Jazakullah Khairan brother.❤

    • @UXTalkswithAtiq
      @UXTalkswithAtiq  2 роки тому +1

      Glad to know vai that it helped. I will share more content like this ❤

  • @mdnayeemrayhan5457
    @mdnayeemrayhan5457 2 роки тому +1

    Wow! Finally found the secret of Ajay Devgan stunt behaviour reason. Thanks a lot bro, I was looking for this kind of helpful video about figma. I think this is the best video about auto layout in figma Bangla version. Guys highly recommended to watch full video. Lots of love bro and i would like to request you make more videos on other features in figma.

  • @moshiur4359
    @moshiur4359 2 роки тому +1

    বাহ! চমৎকার টিউটোরিয়াল ভাই! এক্সাম্পল গুলো সবকিছুকে একেবারে মাথার ভিতর গিয়ে অটো লেয়াউট করে দিয়ে আসছে😄 সব সময় এমন বড় টিউটরিয়াল চাই। উইথ এক্সামপল।❤️❤️

    • @UXTalkswithAtiq
      @UXTalkswithAtiq  2 роки тому +1

      সামনে আরো আসবে ভাই। নোটিফিকেশন অন করে রাখেন

  • @Rayhanislamniloy8227
    @Rayhanislamniloy8227 2 роки тому +1

    Auto layout ekta point atkiya jaitam ajke prb ta amr solve hoye gelo.thanks atiq vi

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

    Thank you, Sir. May Allah bless you all the time.

  • @lamiajoyee
    @lamiajoyee Рік тому

    The greatest addition to Auto Layout is absolute positioning. Before this, we had to add sticker like features to an external wrapper frame, and it would lose all the responsivity. Such a pain.
    Nice explanation in Bangla. Thank you

  • @MDSifat-vi8su
    @MDSifat-vi8su 6 місяців тому +1

    ভাই খুব সুন্দরভাবে বিষয়টি বুঝানোর জন্য ধন্যবাদ।

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

    All kinds of confusions are gone regarding auto lay out. I have started watching all of your videos step by step. Really appreciated. (Shift+A) :p

  • @akanda22
    @akanda22 2 роки тому +2

    অনেক ধন্যবাদ ভাই। আগামীতে কম্পোনেন্ট নিয়ে যদি দেখাতেন।

    • @UXTalkswithAtiq
      @UXTalkswithAtiq  2 роки тому +2

      ইনশাআল্লাহ ভাই আসবে।

  • @rahmansabuj4871
    @rahmansabuj4871 11 місяців тому +1

    Very Helpful video.

  • @RameeBordoloi
    @RameeBordoloi 2 роки тому +2

    Wow, this is so well explained. I couldn't totally follow your words but the concept explanation is superb! Really well done bro 🙌 So glad to be working with you 😊

    • @UXTalkswithAtiq
      @UXTalkswithAtiq  2 роки тому +1

      Thanks man. That means a lot to me 😄. I will continue to help people through my experiences

  • @khaninfo4909
    @khaninfo4909 11 місяців тому

    অনেক ভাল লাগল ভাই! অটো লেআউট নিয়ে এত সুন্দর এবং সাবলীল ব্যাখ্যা দেয়ার জন্য আপনাকে ধন্যবাদ!

  • @iahmed4941
    @iahmed4941 2 роки тому

    vai autolayout nia problem chilo
    alhamdulillah akhn clear hoye gese
    thanks a lot

  • @abdullahalmamun8264
    @abdullahalmamun8264 2 роки тому

    Wow bhai! Joss! Thank you so much.

  • @umeyasing1444
    @umeyasing1444 Рік тому

    vaiya apnar content gulo etu help kore just bole bujhaite partesina. amar ekta assignment chilo auto layout niye apnar content dekhe assignment complete korlam. thank you vaiya ❤️❤️❤️❤️

  • @iamrahatkabir
    @iamrahatkabir Рік тому

    Such an amazing tutorial. Thank you so much Atiq bhai. May Allah reward you.

  • @MdArifulIslam-n4s
    @MdArifulIslam-n4s 2 місяці тому

    Thanks vai its really help full

  • @designbymohsen
    @designbymohsen 2 роки тому

    Thank you Atiq bhai. Very helpful video. Out of all the tutorials I've watched on auto-layout, this one is the best.

  • @miss_pouty
    @miss_pouty Рік тому

    ধন্যবাদ আতিক ভাই, এত সুন্দর করে বুঝানোর জন্য 😇

  • @user-wf5wo4it5f
    @user-wf5wo4it5f 10 місяців тому

    Best Tutorial for me- Thanks a lot vai

  • @SharminTithi-o8k
    @SharminTithi-o8k 7 місяців тому

    এত সুন্দর করে বুঝানোর জন্য ধন্যবাদ ভাই

  • @shafayethossenbayajid9272
    @shafayethossenbayajid9272 Рік тому

    Vaia Apnr Video Regular dekhchi khubi Helpfull.

  • @ahmedrabiul8576
    @ahmedrabiul8576 Рік тому

    I think these tutorials should be more widely known, as they are life savers for beginner UI Designer like me.

    • @UXTalkswithAtiq
      @UXTalkswithAtiq  Рік тому

      Thanks for the kind words vai. Please share & spread ❤️

  • @mishushonghoti5198
    @mishushonghoti5198 Рік тому

    many thanks brother!!! nicely explained everything about autolayout.... lots of loves from me.....keep sharing!!

  • @muhammadrabby8500
    @muhammadrabby8500 2 роки тому

    Thank you bhiya onak helpful ekta video cilo! Onak din dhore e amn ekta video caicilam. Abor o thanks eto sudnor kore time niye content ta share korar jnno. Btw, component, variants niye o ekta details video dile khub e upokrito hotam.

    • @UXTalkswithAtiq
      @UXTalkswithAtiq  2 роки тому

      ভাই এগুলো নিয়েও ভিডিও আসবে ইনশাআল্লাহ

  • @MdArifulIslam-n4s
    @MdArifulIslam-n4s 2 місяці тому

    Thanks vai its really helpful

  • @mosharafhossan2400
    @mosharafhossan2400 2 роки тому

    @Atiq vaia ato sondor vaba Autolayout ar bisoy golo bojabar jano apnaka onak Thanks.
    Autolayout nia amar kico problem cilo kinto apnar ai Autolayout ar video ta dakha amar autolayout ar bisoya jai problem golor cilo tar somadam paci ar aro onak kico sikhaci apnar ai video thaka. ami autolayout ar onak video dakhaci. kinto apnar mato ato sondor vaba kaow bojai nai. Apnaka abaro Thanks♥

    • @UXTalkswithAtiq
      @UXTalkswithAtiq  2 роки тому +1

      Thanks a lot, vai for such a beautiful comment. You people give inspiration for making contents

    • @mosharafhossan2400
      @mosharafhossan2400 2 роки тому

      ​@@UXTalkswithAtiq Vaia apnar sobgolo video thaka ami onak kico sikhaci. amader jano ato sondo contents create korar jano apnaka onka thanks

  • @forhadpramanik8437
    @forhadpramanik8437 7 місяців тому

    Thanks brother helpful video ❤

  • @Mhasan00013
    @Mhasan00013 2 роки тому +1

    Just love it brother ❤

  • @sajeebhassan5393
    @sajeebhassan5393 Рік тому

    শুভ কামনা আপনার জন্য❤❤

  • @mdaminurrahman8351
    @mdaminurrahman8351 Рік тому

    mashallah Onek sundor class dowa roilo apner jonno

  • @litonahammed5132
    @litonahammed5132 Рік тому

    Great video vaiya.Thank you so much

  • @mahiralabdullah8289
    @mahiralabdullah8289 Рік тому

    auto layout jhamela r lage.... auto layout just buttons a use kori....auto layout er advance level er kisu kajj dekhaiyen vaiya...in sha alllah...🖤🖤

  • @mahadiapurbo3748
    @mahadiapurbo3748 Рік тому

    Atiq Vaia, That's really awesome explainetion. Thank you so much. 🥰🥰

  • @syedanishat1817
    @syedanishat1817 2 роки тому

    Finally a found a epic one!!! Thanx a lot vaia. Thnx a lot.

  • @sheikhsakib6310
    @sheikhsakib6310 7 місяців тому

    Best tutorial for auto layout...

  • @MehediHasan-jp8ud
    @MehediHasan-jp8ud Рік тому

    Thank you so much bhai. Take love ❤❤❤❤

  • @ismailtech7238
    @ismailtech7238 2 роки тому

    Good evening is very helpful.

  • @golamrabbi7745
    @golamrabbi7745 Рік тому

    very informative vai. Thank you

  • @rakibuix
    @rakibuix 2 роки тому

    Wow... It was just awesome and learned lots of things..... Thank you Atik vhai..

  • @sabrinaalam6868
    @sabrinaalam6868 Рік тому

    Very helpful video! Thank you so much bhaiya ❤

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

    Well explained bhai.

  • @jenesadstone6843
    @jenesadstone6843 2 роки тому

    ostad ehh apnar shatha dekha hochaa khub taratari course tay enrool hocci

  • @AbdurRahim-lr1yc
    @AbdurRahim-lr1yc 5 місяців тому

    Very helpful tutorial for auto layout.

  • @tanmoychakrabortty2325
    @tanmoychakrabortty2325 2 роки тому

    Great tutorial everything is clear about the auto layout but boring background music plz ignore it

  • @ritroy1310
    @ritroy1310 Рік тому

    Excellent video Vai❤
    Next…Typography niya jodi akta video dan..😢
    Thank you 🙏

  • @jaber-jsr
    @jaber-jsr Рік тому

    Nicely explain...👍

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

    Awesome vai❤

  • @asionsolver3093
    @asionsolver3093 2 роки тому

    Bro your explanation really awesome. I love this video. Best of luck bro👍👍👍.

  • @foysaldr
    @foysaldr 2 роки тому

    Welldone brother , It was really helpful to me

  • @reazhossain3119
    @reazhossain3119 2 роки тому

    Onek upokar hoise vai ❤️..Thank you..

  • @uidesign-x2c
    @uidesign-x2c 9 місяців тому

    thanks vya for your great contribution.

  • @md.sayedur3490
    @md.sayedur3490 6 місяців тому

    great tutorial sir

  • @sojibahmmed3160
    @sojibahmmed3160 Рік тому

    Very Informative, Love it!

  • @AbuRayhan-yk2xu
    @AbuRayhan-yk2xu Рік тому

    thank you so much for this video helping me

  • @mkfahim1356
    @mkfahim1356 Рік тому

    excellent tutorial

  • @hasibulhasan7243
    @hasibulhasan7243 2 роки тому

    Realy it help me lot thank you vaiaa .

  • @persoal-k7d
    @persoal-k7d 2 роки тому

    Design principles er opor ekta in depth series chai vai 😃

  • @shohag_ux
    @shohag_ux Рік тому

    best explaining vai.

  • @raidonat1846
    @raidonat1846 11 місяців тому

    apnaka oonk valovasi vhai aisob video daowar jonno

  • @ajmain_fayek
    @ajmain_fayek Рік тому

    thanks a lot vai❤

  • @dipdey4365
    @dipdey4365 Рік тому

    Sei akta video chilo

  • @brandoxide6392
    @brandoxide6392 Рік тому

    Very Helpful. Thanks vai

  • @mraanik571
    @mraanik571 2 роки тому +2

    Thanks bro ❤for explaining so easily. I know CSS flexbox so it helped me to understand a lot when you explained it. I watched a lot of videos but didn't understand clearly. But now everything is clear. We need more videos like that. 😍😍

    • @UXTalkswithAtiq
      @UXTalkswithAtiq  2 роки тому +1

      Glad to know vai that it helped. I will share more content like this ❤

  • @kamaleshroyux
    @kamaleshroyux 2 роки тому

    Very helpful video bhai. Your tips and tricks are just simple and awesome.

    • @UXTalkswithAtiq
      @UXTalkswithAtiq  2 роки тому +1

      Welcome vai. More content will come gradually. You can subscribe it ❤

    • @kamaleshroyux
      @kamaleshroyux 2 роки тому

      @@UXTalkswithAtiq 🥰 Already subscribed bhai

  • @asmaulhosna1944
    @asmaulhosna1944 Рік тому

    Very helpful ❤❤

  • @rezwan_ahmed
    @rezwan_ahmed 2 роки тому

    Thanks, Atiq Bhaiya 👏

  • @tasbiislam2991
    @tasbiislam2991 Рік тому

    A well-detailed one.. 😊😊

  • @Hellomazharul
    @Hellomazharul 8 місяців тому

    Thank you bhai.

  • @sazidurrahman7754
    @sazidurrahman7754 2 роки тому

    Awesome bro

  • @funwave7748
    @funwave7748 Рік тому

    Best one. Thanks vai

  • @rifatrahamanrayan
    @rifatrahamanrayan Рік тому

    awesome video mamu

  • @mdalimran3470
    @mdalimran3470 Рік тому

    Amazing Video.

  • @Nurhasan404
    @Nurhasan404 2 роки тому

    Very helpful video...Design system ar upor ak ta video cai vaiya

  • @3k-info
    @3k-info Рік тому

    Thanks for your tutorial

  • @skabuhenamostafakamal7254
    @skabuhenamostafakamal7254 Рік тому

    Great bro

  • @abdullahbinziad4451
    @abdullahbinziad4451 2 роки тому

    outstanding bro

  • @Uimahadi
    @Uimahadi Рік тому

    অনেক ভালো ।
    ভাইয়া background sound টা না দিলে ভালো হতো

  • @saifulvlog2023
    @saifulvlog2023 Рік тому

    Help Full

  • @clearbusiness3712
    @clearbusiness3712 Рік тому

    Thanks a lot man

  • @mohammadmahbuburrahman8953
    @mohammadmahbuburrahman8953 2 роки тому

    We need the same types of videos on other features on figma.

  • @joninsust
    @joninsust 2 роки тому

    Vallagse!!!

  • @Mishkat.Chowdhury
    @Mishkat.Chowdhury 4 місяці тому

    Explained well

  • @milonmahmud2487
    @milonmahmud2487 Рік тому

    Nice explained brother...

  • @sanobarrahaman9016
    @sanobarrahaman9016 Місяць тому

    I am new in this field , I have seen you already make a playlist of figma but please give it a serial number or make a serial , so that i can see the video step by step.Thank you.

  • @saadziaulhasan9509
    @saadziaulhasan9509 Рік тому

    Summary of this Lecture
    'Auto Layout'
    Container : যে Content কে ধারন করছে ।
    Content Distribution Type
    Packed
    - gap এর একটা নির্দিষ্ট মাপ থাকবে ।
    - content গুলো gap এর মাপ -অনুসারে এক সাইডে কাছাকাছি
    থাকতে চাবে ।
    - content গুলো নিজেদের নিয়ে ব্যস্ত, জটলা বেধে থাকে ।
    Space Between
    - container এর ভিতরে contain গুলো সমানভাবে ভাগ হয়ে থাকবে
    এবং container জুড়ে বিস্তার করবে নিজে থেকেই ।
    - content দের নড়াচড়া ফিক্সড যাদের gap হচ্ছে 'auto'.
    Container Resizing Type
    Fixed (width/Height)
    - Fixed, Hug Content কে টানাটানি করলে Fixed হয়ে যায় ।
    Hug Contents
    - Content যতখানি, ততখানি জায়গা নিবে ।
    Fill Container
    - যেটুকু জায়গা পাবে তা জুড়ে থাকবে ।

  • @saifulsaifsai
    @saifulsaifsai Рік тому

    Sundor

  • @jaberhossain2927
    @jaberhossain2927 2 роки тому

    Thanks Vaiya

  • @tanvirahammedtamim562
    @tanvirahammedtamim562 2 роки тому

    Well Explained Vaia ❤

  • @sudorsondas765
    @sudorsondas765 2 роки тому

    so much helpful that was.

  • @nhrashed3310
    @nhrashed3310 2 роки тому

    Great Explanation

  • @BulbulAhmed-dk2jf
    @BulbulAhmed-dk2jf Рік тому

    Good tutorial ❤

  • @AzizulIslam-oq8cj
    @AzizulIslam-oq8cj Рік тому +1

    Vaiya background music tar sound ektu komiye diyen

  • @jahidhasan-yz5sb
    @jahidhasan-yz5sb 2 роки тому

    Video dekhar por 1ta comment e mathai ashtese, Heres messi , Away from 2,3,4 Wonderfull Wonderfull Wonderfull🤩🤩 Commentator after messi scores a goal against Real Madrid.

  • @picklunath4398
    @picklunath4398 Рік тому

    thank you vai

  • @tazrinnahar9937
    @tazrinnahar9937 2 роки тому

    Great work

  • @rakizahmed3389
    @rakizahmed3389 2 роки тому

    vai eirokom , design system nie eirokom akta video dien plz

  • @shibli7159
    @shibli7159 11 місяців тому

    Boss @Atiq vai

  • @mdmoniruzzaman8740
    @mdmoniruzzaman8740 2 роки тому

    nice one, bhai