LOGO DESIGN AND ANIMATION [Figma]
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
KZread: / @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...
~-~~-~~~-~~-~
Пікірлер: 229
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
@BuildingAmazingThings
2 жыл бұрын
Wow... I'm so glad to hear that! You're welcome!
thank you! I did it successfully by following your every step. this has made me ridiculously happy as I just started learning to design.
@BuildingAmazingThings
3 жыл бұрын
You are welcome
Nice one Hyginus! Thanks for sharing.
followed step by step and i created my very first logo on figma. thanks a lot
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
Its awesome how passionate you are about your work! :-) Keep building amazing things
@BuildingAmazingThings
2 жыл бұрын
Thanks Camille😊
Learnt new things from this video, thanks mate!
The grid made using the pen tool easier. Thank you. 😊
Such a genius you're ❤
Amazing video!! I was happy with my results!!!
Good god, if I only found this tutorial sooner. I thought Adobe Illustrator's pen tool was the only way. Thank you!
Very nice. Thank you!!!
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?
It’s amazing 🤩 Thank you for manual👏
@BuildingAmazingThings
3 жыл бұрын
You are welcome
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. :)
I must say... this is inspiring as it give me a head up in making logos on figma. Thank you for this
@BuildingAmazingThings
7 ай бұрын
You're welcome Maryam. Thanks for the feedback!
Thank you, I like the pacing of the tutorial.
@BuildingAmazingThings
3 жыл бұрын
Thank you
Thanks a lot for sharing! It was extremely useful and easy
@BuildingAmazingThings
2 жыл бұрын
Good to know You're welcome!
It's the best... thank coach 😎😎
So helpful! Thank you for sharing :)
@BuildingAmazingThings
3 жыл бұрын
You're so welcome!
Great stuff bro💪🏼💯
@BuildingAmazingThings
4 жыл бұрын
Thank you very much
It is. just awesome
This was the video which I was looking for... Thanks bro
@BuildingAmazingThings
3 жыл бұрын
Happy to help 😁
Thanks, nice vid.
Great idea
I love the way you explain and did it
@BuildingAmazingThings
Жыл бұрын
Thanks
Very nice video.Thanks🎉
This is great 😅
Nice video. Thank you. Didn't know Figma can manage like these things
@BuildingAmazingThings
7 ай бұрын
Thanks for the feedback. Glad you found out😊
Nice video, I am just new to figma and I made similar logo following your instructions, Thanks
@BuildingAmazingThings
2 жыл бұрын
I’m glad to hear this. You are welcome
Awesome design helped me a lot.
@BuildingAmazingThings
4 жыл бұрын
You are welcome.
To goood!!!
Best and easy tutorials. Keep it up bro 😎
@BuildingAmazingThings
3 жыл бұрын
Thank you so much 😀
Great things you're doing boss. How did you create the curves please
Amazing! Thank you!
@BuildingAmazingThings
3 жыл бұрын
You are welcome
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!
@BuildingAmazingThings
2 жыл бұрын
Thanks so much Bro!
That's great design
@BuildingAmazingThings
3 жыл бұрын
Thank you
Just found you! so happy
@BuildingAmazingThings
3 жыл бұрын
I’m glad you found me 😊
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.
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
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
4 жыл бұрын
Yes you can. But it will be complex
@okupaonome1032
Жыл бұрын
yes you can, this will be helpful kzread.info/dash/bejne/Z56ArZSwqM6TYKQ.html
This was awesome 🌟
@BuildingAmazingThings
2 жыл бұрын
Thanks for watching.
easy and great
useful and very easy to understand, keep it up bro
@BuildingAmazingThings
3 жыл бұрын
Thanks for the feedback.
Excellent video!
@BuildingAmazingThings
4 жыл бұрын
Thanks you
helpful video
@BuildingAmazingThings
2 жыл бұрын
Thanks
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?
Great video but how do I record my prototype so as to send to a client or to post on social media
Thanks a lot for this great learning
@BuildingAmazingThings
2 жыл бұрын
My pleasure 🤗
I've always wanted to learn Figma and this was really helpful to get me started!
@BuildingAmazingThings
3 жыл бұрын
I’m glad you did learnt Figma with this.
Excellent delivery 👏👌
@BuildingAmazingThings
3 жыл бұрын
Thanks a lot
coooollll! thank you very much
@BuildingAmazingThings
3 жыл бұрын
You're welcome! 😊
good job, very useful
@BuildingAmazingThings
3 жыл бұрын
Glad you think so!
You explanation is so clear thanks for this video boss
@BuildingAmazingThings
6 ай бұрын
You;re welcome😊
awesome
good work bro !!
@BuildingAmazingThings
3 жыл бұрын
Thanks 🔥
Hey please the first curve you made , did you click your bend tool to make it ?
Mil gracias!!!!!
@BuildingAmazingThings
4 жыл бұрын
de nada
you are amazing thing :)
@BuildingAmazingThings
3 жыл бұрын
Thanks
Thanks, Good video
@BuildingAmazingThings
4 жыл бұрын
Thanks for watching.
thank you . very easy to understand ....
@BuildingAmazingThings
2 жыл бұрын
Good to know 😊😄
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
3 жыл бұрын
Good question! I will soon work on a video to show the actual coding design.
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
Nice tutorial 😁
@BuildingAmazingThings
4 жыл бұрын
Thank you
Great!!!
@BuildingAmazingThings
Жыл бұрын
Thanks
amazing ty
@BuildingAmazingThings
3 жыл бұрын
Thanks
Thanks 🙏👌
superb!
@BuildingAmazingThings
4 жыл бұрын
Thanks
Well done bro
@BuildingAmazingThings
3 жыл бұрын
Thanks
Thaks, bro!!
@BuildingAmazingThings
3 жыл бұрын
You are welcome
Thanks you very much
thank u
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
4 жыл бұрын
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.
MANY THANKS!
@BuildingAmazingThings
4 жыл бұрын
Thanks
Best 👍
@BuildingAmazingThings
7 ай бұрын
Thank you so much 😀
really easy to unnderstand
Awesome
@BuildingAmazingThings
3 жыл бұрын
😊😊 thank you
the best
@BuildingAmazingThings
3 жыл бұрын
Thanks
Great video! I followed this step by step and was insanely happy with the results. How can I export the animation as a file and save it to my computer?
@BuildingAmazingThings
2 жыл бұрын
. I’m glad you learnt something 😀. On the property layout you will see the export function
Great!! My question is: how do you export and use the logos?
@BuildingAmazingThings
3 жыл бұрын
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
3 жыл бұрын
on Figma check the export section
subscribed !
@BuildingAmazingThings
4 жыл бұрын
Thank you
Thank you so much 💕
@BuildingAmazingThings
2 жыл бұрын
You're welcome!
Great video...but how did you get get the curves. I couldn't 🥺
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
Thanks for the tutorial,One question though,How do you release the pen tool after one move and wishing to continue to maintain a single vector?
@BuildingAmazingThings
Жыл бұрын
ESC Key on the keyboard
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?
whoa, you're really good with this considering the fact that you're doing all these with just the touchpad and not a mouse.
@BuildingAmazingThings
3 жыл бұрын
🕺🕺🕺☺️☺️☺️🙌🙌
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
Hiiii...can you make a video telling how to color the famous "city of Melbourne" logo...the green colored M logo...
thats good idea . do you please know how to export the animation from figma , as a gifs or video ?
@BuildingAmazingThings
3 жыл бұрын
I haven't tried that.
@tejaskhandekar5694
3 жыл бұрын
use a plugin called gifty canvas
hi, thanks a lot for your videos! It's really easy to follow! Could you tell me please, is that enough to use only figma as a ui/ux designer? Thanks in advance.
@BuildingAmazingThings
3 жыл бұрын
There are more tools for other things.
does figma's logo are good quality like illustrator
can you provide me with the logo itself in _png_ format, background removed? that would be *amazing*
Pls how about text animation (coming together to form a full text) or something like that
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? \
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.
That would make for a good reimagination of the Naira symbol, if you know what I mean
Thanks bro
@BuildingAmazingThings
3 жыл бұрын
You are welcome 🙏
👌👌👌👌
@BuildingAmazingThings
2 жыл бұрын
Thanks 👍