Dynamic Island Animation in Figma Tutorial + Thoughts

Поділитися
Вставка
  • Опубліковано 15 вер 2024

КОМЕНТАРІ • 101

  • @akpejipeace7541
    @akpejipeace7541 2 роки тому +17

    Was curious about the UI design and how I can jump in and play around. Thank you! Golden content.

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

    Started my journey to become a Ux designer today. Inshaa Allah before I even complete the entire course, this dynamic island iPhone feature is gonna be very easy for me to design.

  • @jeromebrown20
    @jeromebrown20 2 роки тому +5

    Adding a mobile app to my portfolio soon. Was thinking the same thing about this opportunity when I saw videos about it. Thanks for the tutorial

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

    you are my mr. miyagi 🙏🏻

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

    *great one bro, hats off*

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

    Fajnie że tak szybko pojawia się tutorial z takiej nowinki technicznej!
    Super ogląda się Twoje materiały - szczególnie lubię te teoretyczne, ale takie również są TOP! 🔥

  • @anthonyakintola3832
    @anthonyakintola3832 2 роки тому +4

    Wow this is awesome
    I think the 15 minutes could also be turned into a circular line later on especially when the app is minimized

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

      Yes, there's potential to add a lot of other cool animations to it still :)

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

    This is incredible

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

    Thx for the tutorial, you're so fast ! Your thoughts are very relevant, as always !

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

    thanks for the tutorial. I was expecting such a good and fast tutorial :)

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

    Dude that's so cool and easy to do 🤩🤩 can't wait to try this one out

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

    That was quick, got this notification when I woke up a while ago, about designing with dynamic island for our portfolios so they know we follow the trending of design it’s a great idea. I’m creating a case study about the recent app of a company which people expect improvements so I’m thinking to add that

  • @dilankamadushan9736
    @dilankamadushan9736 2 роки тому +3

    Thank you for the tutorial!! gonna try this 😀

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

      You’re welcome 😊 Make something awesome!

  • @healyhealer
    @healyhealer 2 роки тому +4

    wielkie wow! :D jesteś geniuszem w swojej dziedzinie ;)

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

    I cannot learn fast enough, this is just amazing!

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

    this is gold. So fluid and clean looking animations

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

      It's actually even better with dedicated tools - we will explore them on this channel this year for sure :)

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

      @@MalewiczHype yes, pls teach us.

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

    Imma do this!

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

      Make sure to share what you come up with! :)

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

    Ale szybko! Jak zwykle film niezwykle informacyjny i mega przydatny

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

    Definitely trying this out.

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

      Let me know what you come up with :)

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

      @@MalewiczHype Yes, I'll tag you on Twitter.

  • @АллаРомашкова-ш1м

    wow Thank you for this cool animation

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

    wowwwww!! That is GREAT! I will practice it with your instructions!🤩🤩

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

    Ty so much Malewicz! I need to ask one thing. Why you using rectangles instead of frames? Isn't that hard to code by developers without auto layout containers and proper div values?

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

    I have a love/hate relation for Dynamic island. Partly because now I believe that pill/notch thing gliding above the phone may never go away with this new "Dynamic island" feature. I like the feature yet now there is actual lines of code in that particular "black" spot of the phone, for the foreseeable future. so I get rid of the pill/notch now? I don't like the pill/notch on the screen

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

    I will definitely try this out.. 🤗. Super fast and valuable..

  • @abusayemsifat3669
    @abusayemsifat3669 2 роки тому +22

    You are so fast😬

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

    Really Nice :)

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

    My OCD feel so much relief after watching this

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

    Woow really interesting vid!!

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

      Thanks!

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

      @@MalewiczHype I wonder if you could create that fluid dynamic island animation too

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

      Yes, but it'd take a lot more frames. I'm thinking on starting a Figma animation series from Next week.

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

      @@MalewiczHype Nicee! Sounds good.

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

    Dude this was fast!!! 🙌

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

      A large part of my career was interface animation back in 2004-2007 so making animations is super fast for me ;)

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

      @@MalewiczHype Assumed Flash or AE. These days, I wonder if Figma gets called on to do a bit too much. I miss a strong timeline editor. Looking at Artboard Studio. Thoughts?

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

      Yeah I used Flash back then. However Artboard studio seems fun, I'm going to try it out soon :)

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

    Good tutorial. I got it working 😁

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

    Are these types of animations harder/not possible on Sketch?

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

      Sketch currently doesn't have animations like this. I miss InVision Studio which had Sketch import and a way more robust option to animate than Figma has but sadly it's discontinued.

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

    Amazing ❤⚡️ So quick

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

      Quick is good :)

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

      @@MalewiczHype DEFINITELY.

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

      @@MalewiczHype I think the height of the dynamic island was a little big I guess? in your video?

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

      It's more of a general way of doing it, not to be too precise yet :)

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

    I didn't actually notice the corner ish during the event, but nw taking a closer look, the corner radii don't seem to match up. I believe it's a miss on their part bur it's def gonna b resolved, it's Apple anyway.

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

      Yeah, I simply notice these things right away ;)

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

    I love it !!

  • @admin-surgatekno5893
    @admin-surgatekno5893 2 роки тому

    Video for putting your own softs on or is that possible. I can softbox so would like to up load my own softs.

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

    I really hope that developers don't just turn this into another modal and cram it full of text and other junk. It'd be great if Apple puts in very clear guidelines about how the island should be used.

  • @user-qz9ke1wx3m
    @user-qz9ke1wx3m 2 роки тому

    Thanks for the tutorial 🤗
    06:19 How to make rectangle longer without mouse?

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

      Have it selected and then holding shift press the left / right arrow

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

    I want to start on ui which of your courses should I start on? Thanks!

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

      Mobile Apps UI 1 is the easiest one to start with and also has the most transformational knowledge :)

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

    How long does it take to learn soft?

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

    I had a question I am looking to find a team to create my complicated platform application I have designed it on Adobe xd, but my question is should I first let it redesign it by ui/ux designers and then find developers to make it or should I find designers/developers team? I have anough money because I got investors I can go to €2 million euro

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

    dynamic island just affirmed that ux/ui isn't going nowhere any time soon

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

    You think it come to do as a component 🤔

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

      wdym ?

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

      Sorry typo I was thinking , is it possible to make into a component with micro animation

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

      @@Beekrm yeah totally possible you just have to hug it to the top of the frame you are putting it in

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

    I wouldn't be so quick with hailing this island as a great solution. Not to be a hater or a contrarian, but I see some potential issues with it. First of all, touching the lense is a no-no for me, personally. Second of all, the space taken by the camera is actually larger now and if it's not going to be utilized 90% of the time, it's actually increasing our cognitive load while looking at the screen. It looks like they thought of using it as a space first, and thought of what information to fill it with later. That line of thought creates a problem- adding unnecessary information just to fill a space.

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

      I wrote an article on a couple of these issues on Medium yesterday - you're right, it's not all good, but it does offer some creativity to UI designers, even if for a short while.

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

      Touching the lens is really a non-issue. We touch the lens all the time with our fingers, our ears, our faces, when we fidget with our phones in our pockets and bags. And we simply wipe the front camera if we think it gets blurry.

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

    I'm a college student. If i study GOOGLE Coursera UX designer course can I get any internships? Is it enough to study in Course era or need any other courses?. Please help me with this

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

      Google Coursera course is not enough to get a job or an internship. You should definitely learn more UI design from other sources and then work on your portfolio for some time until you're job ready.

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

      @@MalewiczHype wow sir! Thanks for replying and one more thing I'm big fan of ur design of your colorful thumbnails..🙂

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

      I started Ui and UX now only by just seeing your videos. It helping me a lot.

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

    🙄Why is it called as dynamic island the name 👉👈.

  • @Ministry-Of-Truth
    @Ministry-Of-Truth 2 роки тому +1

    It’s going to suck especially if you have small hands. You’ll have to reach up and touch it every time.
    Also, imagine how blurry those front facing camera pictures are going to be from having fingerprints on the camera.

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

      Yes there are some caveats, especially given the size of the phones - I will write about them in an article and potentially make another video on that - there's a couple of those issues that we'll have to wait and see how they play out.
      For now just wanted to show people how to achieve this effect :)

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

      @@MalewiczHype I will be waiting for this I also have mixed reviews on the dynamic island but I think it’s a creative approach of using the pill hole and adding more functionality to it

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

    Iphone 14 sucks.

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

    Wow! Love it

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

      Yeah it can be quite cool and fun to play with :)

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

    Magic! 🪄 Are such skills required of a junior? Thanks for Tutorial :)