LOGO DESIGN AND ANIMATION [Figma]

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 เม.ย. 2020
  • In this video, I'm going to show you how to create a logo in Figma. Here I will show you a simple way to design a logo. Also, I will add some animations to the logo design.
    Let me know what you think about this video and should in case you have any challenges, let me know in the comment section.
    Remember to like, share, comment and subscribe. Also, hit on the notification bell to get notified when I upload a new video.
    Subscribe to my channel my clicking this link: / @buildingamazingthings
    You can also reach me on :
    Website: www.hyginusukeh.com
    Facebook: / hyginusukeh2
    Twitter: / hyginusukeh
    Instagram: / hyginusukeh
    TH-cam: / @buildingamazingthings
    #figma #figmatutorial #figmadesign #tutorial #design #logodesign #logo #howtocreatealogoinfigma #howtodesignalogoinfigma #howtodesignalogo #designalogoinfigma #creatinglogosinfigma #animation #prototype #prototypyinginfigma
    ~-~~-~~~-~~-~
    Please watch: "Figma Web Design Tutorial with Animation"
    • Figma Web Design Tutor...
    ~-~~-~~~-~~-~

ความคิดเห็น • 227

  • @lauraperera_
    @lauraperera_ 2 ปีที่แล้ว +17

    You're the best guy in the WORLD! I'm watching from Brazil and I'm so glad for I had found your channel. Thank you

  • @ubongabasi3599
    @ubongabasi3599 3 ปีที่แล้ว +13

    thank you! I did it successfully by following your every step. this has made me ridiculously happy as I just started learning to design.

  • @aishatjamiu780
    @aishatjamiu780 2 ปีที่แล้ว

    followed step by step and i created my very first logo on figma. thanks a lot

  • @olalerudolapo8449
    @olalerudolapo8449 2 ปีที่แล้ว +7

    Just started learning ui/Ux, and your channel has done more than enough for me. Really learnt a lot. Does the program also contain theory aspect? If so, you mind taking us through it

  • @camilleburger2893
    @camilleburger2893 2 ปีที่แล้ว +3

    Its awesome how passionate you are about your work! :-) Keep building amazing things

  • @mariettahermosa
    @mariettahermosa 2 ปีที่แล้ว +1

    Nice one Hyginus! Thanks for sharing.

  • @ejay.u3373
    @ejay.u3373 ปีที่แล้ว

    Amazing video!! I was happy with my results!!!

  • @tirzi97bunny9
    @tirzi97bunny9 5 หลายเดือนก่อน +1

    Such a genius you're ❤

  • @MusicBarNoCopyrightSongs
    @MusicBarNoCopyrightSongs ปีที่แล้ว

    Learnt new things from this video, thanks mate!

  • @htetaung2637
    @htetaung2637 2 ปีที่แล้ว

    Great idea

  • @bryanalexandros
    @bryanalexandros 10 หลายเดือนก่อน +1

    Good god, if I only found this tutorial sooner. I thought Adobe Illustrator's pen tool was the only way. Thank you!

  • @NobleNarrations-ow2kf
    @NobleNarrations-ow2kf 5 วันที่ผ่านมา

    Very nice video.Thanks🎉

  • @imaginationscene
    @imaginationscene 3 ปีที่แล้ว +6

    Thank you, I like the pacing of the tutorial.

  • @ngalahgwet9253
    @ngalahgwet9253 ปีที่แล้ว

    It is. just awesome

  • @DrTsitos
    @DrTsitos ปีที่แล้ว

    Very nice. Thank you!!!

  • @Serhio_Boiko
    @Serhio_Boiko หลายเดือนก่อน

    easy and great

  • @pohudenietut
    @pohudenietut 3 ปีที่แล้ว +3

    It’s amazing 🤩 Thank you for manual👏

  • @mdr8263
    @mdr8263 2 ปีที่แล้ว +2

    Thanks a lot for sharing! It was extremely useful and easy

  • @magduchaes921
    @magduchaes921 2 ปีที่แล้ว

    AWESOME! i realy enjoy watching your videos. quick question, i am working on my capstone - in react-redux. how can i transfare animation from figma into my code?

  • @michaelmcqueen9553
    @michaelmcqueen9553 ปีที่แล้ว

    It's the best... thank coach 😎😎

  • @axelpaillaud7542
    @axelpaillaud7542 ปีที่แล้ว

    Thanks you very much

  • @uliuliulidu9292
    @uliuliulidu9292 ปีที่แล้ว

    awesome

  • @tiagomatos5747
    @tiagomatos5747 2 ปีที่แล้ว

    Sir. Let me just thank you for your videos. You share so much knowledge. Thank you for this. Hope you all the best. Keep safe. :)

  • @vickyfebiola8886
    @vickyfebiola8886 3 ปีที่แล้ว +2

    So helpful! Thank you for sharing :)

  • @TonyAdigwe
    @TonyAdigwe 3 ปีที่แล้ว +9

    Very educative. I have usually done little with the pen tool; you just gave me more reasons to explore it.
    Quick question: Can I create a 3D logo with Figma? Would appreciate seeing a resource on that

    • @BuildingAmazingThings
      @BuildingAmazingThings  3 ปีที่แล้ว +1

      Yes you can. But it will be complex

    • @okupaonome1032
      @okupaonome1032 ปีที่แล้ว

      yes you can, this will be helpful th-cam.com/video/5jLK2wxk-0A/w-d-xo.html

  • @patricwagnerbln
    @patricwagnerbln 2 หลายเดือนก่อน

    Thanks 🙏👌

  • @umehj.rindianafilms1173
    @umehj.rindianafilms1173 2 ปีที่แล้ว +1

    Hey please the first curve you made , did you click your bend tool to make it ?

  • @michealnwazuloke5711
    @michealnwazuloke5711 11 หลายเดือนก่อน

    To goood!!!

  • @user-hi9zs5dp1t
    @user-hi9zs5dp1t 3 ปีที่แล้ว +2

    This was the video which I was looking for...
    Thanks bro

  • @johanstam3602
    @johanstam3602 ปีที่แล้ว

    Thanks, nice vid.

  • @affable.pebble
    @affable.pebble 2 ปีที่แล้ว +2

    Big big thanks to you man, great vid! First started using Figma two days ago and this is really helpful, very concise and easy to follow. Subbed to your channel, all the best, cheers!

  • @thebreezeofglory6436
    @thebreezeofglory6436 ปีที่แล้ว

    very helpful thank you though i don't understand how you could use the pen tool and go to another angle without starting a second vector

  • @tundevictor966
    @tundevictor966 4 ปีที่แล้ว +3

    Great stuff bro💪🏼💯

  • @afolabimaryam4261
    @afolabimaryam4261 7 หลายเดือนก่อน +1

    I must say... this is inspiring as it give me a head up in making logos on figma. Thank you for this

  • @wassup102
    @wassup102 11 หลายเดือนก่อน

    thank u

  • @akshaykumarrg8395
    @akshaykumarrg8395 ปีที่แล้ว +1

    I love the way you explain and did it

  • @mytvwitholamide971
    @mytvwitholamide971 2 ปีที่แล้ว

    Great things you're doing boss. How did you create the curves please

  • @greatifeanyichukwuadams1297
    @greatifeanyichukwuadams1297 4 ปีที่แล้ว +2

    Awesome design helped me a lot.

  • @manvirkaur1568
    @manvirkaur1568 3 ปีที่แล้ว +2

    Best and easy tutorials. Keep it up bro 😎

  • @soldishero_YY
    @soldishero_YY 6 หลายเดือนก่อน +1

    Nice video. Thank you. Didn't know Figma can manage like these things

  • @mariajohanaorbegososanchez9846
    @mariajohanaorbegososanchez9846 3 ปีที่แล้ว +1

    Mil gracias!!!!!

  • @aaditvasspringtime6725
    @aaditvasspringtime6725 2 ปีที่แล้ว +1

    Nice video, I am just new to figma and I made similar logo following your instructions, Thanks

  • @siddhibhatia5714
    @siddhibhatia5714 2 ปีที่แล้ว +1

    Amazing video but i face difficulty while using pen tool can u make a tutorial on that it would be really helpful. Thanks for amazing content.

  • @beatrizmiranda2960
    @beatrizmiranda2960 3 ปีที่แล้ว +1

    Amazing! Thank you!

  • @elsaaccountzwart7525
    @elsaaccountzwart7525 2 ปีที่แล้ว +1

    Hi, I have a question. I learned how to make animated logo from you. Super cool. But how can I download it and use it on my own webpage?

  • @johorasifat5806
    @johorasifat5806 10 หลายเดือนก่อน

    really easy to unnderstand

  • @anupkaushik9370
    @anupkaushik9370 5 หลายเดือนก่อน

    does figma's logo are good quality like illustrator

  • @timothyvictoria3052
    @timothyvictoria3052 11 หลายเดือนก่อน

    Please I am a beginner how do you make your curves and did you start the lower part of the logo without it connecting again. Please I need help

  • @mohammadawaisleghari1422
    @mohammadawaisleghari1422 ปีที่แล้ว

    When you start making vector 2 around 4:40, as soon as you click with the pen, it registers as vector 2 so now both vector 1 and vector 2 are different and can be manipulated into different colours. I'm having trouble with vector 2. When I use the pen again, it continues to recognize that as vector 1, so when I change the fill, the entire logo color changes. What do you think is going wrong for me?

  • @ij.sylvia
    @ij.sylvia ปีที่แล้ว

    Thanks for this.
    How do I stop the line from following me about. I want to continue from the first point of the line to draw again but the other line keeps following me

  • @icebyte3637
    @icebyte3637 3 ปีที่แล้ว +1

    MANY THANKS!

  • @narakusuma6758
    @narakusuma6758 2 ปีที่แล้ว

    At 3:28 after making the curve how are u moving to the other point separately. when I'm trying it's creating another vector.Pls help me with this.

  • @madamelapresidente502
    @madamelapresidente502 3 ปีที่แล้ว +1

    Just found you! so happy

  • @bilalnaveed1101
    @bilalnaveed1101 2 ปีที่แล้ว +2

    Thanks a lot for this great learning

  • @benjamina8357
    @benjamina8357 3 ปีที่แล้ว +5

    I've always wanted to learn Figma and this was really helpful to get me started!

  • @pikalong1504
    @pikalong1504 3 ปีที่แล้ว +1

    useful and very easy to understand, keep it up bro

  • @amansinghish5794
    @amansinghish5794 3 ปีที่แล้ว +1

    That's great design

  • @mrmadhur3834
    @mrmadhur3834 2 ปีที่แล้ว +1

    This was awesome 🌟

  • @dixonortiz4260
    @dixonortiz4260 4 ปีที่แล้ว +1

    Excellent video!

  • @mervinlontayao
    @mervinlontayao 2 ปีที่แล้ว +1

    I didn't the linear, I'm on a free version of figma... do I need to upgrade to have a linear on colour? thank you

  • @yogarelaxation.6332
    @yogarelaxation.6332 2 ปีที่แล้ว

    Great video but how do I record my prototype so as to send to a client or to post on social media

  • @akipprayoto7843
    @akipprayoto7843 11 หลายเดือนก่อน

    How to export this one into video extension (like mp4, mpeg, etc)

  • @someone_DZ
    @someone_DZ 2 ปีที่แล้ว +1

    thank you . very easy to understand ....

  • @Lex_sticks
    @Lex_sticks 8 หลายเดือนก่อน +1

    You explanation is so clear thanks for this video boss

  • @krisztinaveronicapalotas
    @krisztinaveronicapalotas ปีที่แล้ว

    how to save with clear bottom? Thanks!

  • @anastasiiaboichun1094
    @anastasiiaboichun1094 3 ปีที่แล้ว +1

    coooollll! thank you very much

  • @joelarraez2345
    @joelarraez2345 4 ปีที่แล้ว +1

    Thanks, Good video

  • @yannickfogang9809
    @yannickfogang9809 3 ปีที่แล้ว +1

    good job, very useful

  • @chidiogoezenduka4468
    @chidiogoezenduka4468 3 ปีที่แล้ว +1

    Excellent delivery 👏👌

  • @sherahramamoorthy9052
    @sherahramamoorthy9052 4 ปีที่แล้ว +1

    superb!

  • @matheussoares1138
    @matheussoares1138 3 ปีที่แล้ว +1

    Thaks, bro!!

  • @timothyvictoria3052
    @timothyvictoria3052 11 หลายเดือนก่อน

    How did you get the animation to play

  • @smritisingh8014
    @smritisingh8014 2 ปีที่แล้ว +1

    Hiiii...can you make a video telling how to color the famous "city of Melbourne" logo...the green colored M logo...

  • @gjmpdaa1
    @gjmpdaa1 2 ปีที่แล้ว

    can you provide me with the logo itself in _png_ format, background removed? that would be *amazing*

  • @user-ig8cm3ct1m
    @user-ig8cm3ct1m ปีที่แล้ว +1

    Great!!!

  • @h4nzo692
    @h4nzo692 3 ปีที่แล้ว +1

    Awesome

  • @musical8946
    @musical8946 2 ปีที่แล้ว +1

    helpful video

  • @elmoujahidkhadija823
    @elmoujahidkhadija823 2 ปีที่แล้ว +1

    Thank you so much 💕

  • @segunijifisayo1091
    @segunijifisayo1091 3 ปีที่แล้ว

    Great designs but my questions are how do you import your design into Ionic-framework. I don't mind if you can do a video where you import your Figma design into Ionic-framework or Flutter studio. Thanks and Keep up the good work.

    • @BuildingAmazingThings
      @BuildingAmazingThings  3 ปีที่แล้ว

      Good question! I will soon work on a video to show the actual coding design.

  • @suzzy4203
    @suzzy4203 ปีที่แล้ว

    Great video...but how did you get get the curves. I couldn't 🥺

  • @sabafatima1483
    @sabafatima1483 6 หลายเดือนก่อน +1

    Best 👍

  • @saadanimohamedamine9328
    @saadanimohamedamine9328 3 ปีที่แล้ว +1

    good work bro !!

  • @cherry-lp8yq
    @cherry-lp8yq 3 ปีที่แล้ว +1

    you are amazing thing :)

  • @sagelioneldsouza8230
    @sagelioneldsouza8230 4 ปีที่แล้ว +2

    nice design! but how can we add something like this top our prototyped designs. like suppose we wanna show a loading animation. what to do in that case? use a gif?

    • @BuildingAmazingThings
      @BuildingAmazingThings  4 ปีที่แล้ว +1

      You can achieve this in your prototype design by replicating your logo and using the Figma Smart Animate with an After Delay Event. Remember, to use Figma Smart Animate you have to name your components with the same name.
      Also gifs can be used in Figma Prototype.
      I hope this answers your question? Thanks for sharing your taught and question.

  • @moneyworld5944
    @moneyworld5944 3 ปีที่แล้ว +1

    the best

  • @AnirudhIsOnline
    @AnirudhIsOnline 4 ปีที่แล้ว +2

    Nice tutorial 😁

  • @globalographerr3889
    @globalographerr3889 ปีที่แล้ว

    I am not able to develop curve .What to do?

  • @buchiolisa3878
    @buchiolisa3878 3 ปีที่แล้ว +1

    amazing ty

  • @folrry
    @folrry 2 ปีที่แล้ว +1

    👌👌👌👌

  • @mytvwitholamide971
    @mytvwitholamide971 2 ปีที่แล้ว

    How do you remove the pen without necessarily drawing a line

  • @Y0uDude
    @Y0uDude ปีที่แล้ว

    Got a problem with a Figma file from a client. When I create a new frame with a grid, all other objects activate their grid, when I hide them, the grid in the new frame also hides. Their all linked. How can I just make a new frame without all that links? Thanks for an answer, it is driving me mad, Ctrl Click on the eye symbol won't help.

  • @Ransamie
    @Ransamie ปีที่แล้ว

    Pls how about text animation (coming together to form a full text) or something like that

  • @mojdehrezaei7888
    @mojdehrezaei7888 ปีที่แล้ว

    hi buddy and thanks for your amazingly helpful page. i had a problem during practicing this logo thing. when i want add a color to the beneath shape, dont know how to find "linear style" for combining colors. on my figma page just the code of color apears and when i try to change it does not function. would you pleas help me?
    \

  • @yourrecommend525
    @yourrecommend525 3 ปีที่แล้ว +1

    Well done bro

  • @maurojr19851
    @maurojr19851 3 ปีที่แล้ว

    Hi! How do you ''curve'' it using PEN (*at 3:26) please

  • @wesmatola5260
    @wesmatola5260 3 ปีที่แล้ว +3

    Great!! My question is: how do you export and use the logos?

    • @BuildingAmazingThings
      @BuildingAmazingThings  3 ปีที่แล้ว +5

      Select the logo... then on the properties bar (by the right)... under the export section (last section) select export and then the format and then export.

    • @blessingsamuel1029
      @blessingsamuel1029 2 ปีที่แล้ว +1

      on Figma check the export section

  • @solowalkervidchives5471
    @solowalkervidchives5471 2 ปีที่แล้ว

    That would make for a good reimagination of the Naira symbol, if you know what I mean

  • @fuffsec
    @fuffsec 3 ปีที่แล้ว +1

    subscribed !

  • @abirislam95
    @abirislam95 3 ปีที่แล้ว +1

    Thanks