How to Create an App Icon in Figma - Tutorial

In this tutorial, I am going to show you how you can create an app icon in Figma. Figma is a UI Design that is used to design the user interface (UI) of websites and apps. I will use simple effects like Inner Shadow, Drop Shadow and Blur. I am going to apply all these effects to the Figma logo itself.

Checkout my Design Course on Udemy:

Get exclusive perks and benefits by becoming an Official Patron:

Join my Design Community on Discord:

Download project file:
---------------------------------------­----
Photoshop Tutorials:

Illustrator Tutorials:

After Effects Tutorials:

UI Design Tutorials:

Design Resources, Tools and Softwares:

Adobe XD CC Tutorials:

eSports Design Tutorials:
--------------------------------------------------------------------------------------------
Contact me :
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)
#figma #appicon #figmatutorial

[faizalmazlan]

Exactly what I needed. Love your no-frills approach. Sharp and focused on the task at hand. Thank you so much!

[stealth_chain]

For practical purposes, if you were to export this for an actual project, you probably wouldn't want to round the corners as apple and google systems do this automatically when your app gets published. best to leave it as square corners.

[sauravsharma]

this is probably the most energetic design channel in india and amazing to with so many tutorials
thanks chetan

[MultiFacebookers]

This video is just what I was looking for, needed to make a logo for an app and needed a quick idea of how to get started about it.

[Marz]

So great, thanks! Q: when exporting as icns file, how come when applied to an app, the icon is larger compared to the other native app icon sizes?

[programmingwithjamshedqureshi]

Great videos as always. Waiting for your Figma tutorial playlist to add in my list.

[chumbazzo]

Great tutorial! Learn a lot, thank you so much Chethan!

[warren]

this tutorial would have been useful if you showed us how to import the .svg files

[jacobcyril]

Where did you learn to design this good, I too wanna get good at designing

[tomekmar]

Great, but it looks like your tutorial is for advanced users. I am totally lost. Especially when playing with shadows. Sometimes I barely can see an effect while you talk very fast and jump into the next part of the icon stating something like: now make x 5 y -30, blur 20 and in this one x 10 y 60 blur 15 and lets see that glossy effect. I 'm lost. Is there like a principle behind those values or shell I just memorize them? Why those values? You just stating those with no explanation. Also....you speak normally for a minute and then you speed up immensely as if you were rushing somewhere...and then again same cycle.

[cherry-lpyq]

and the name of the app shouldn i add it to the icon

[woman]

i have made the figma icon but i was trying to make it for the app store but it didnt look very good can you make a tutorial on how to make the vector based thing like the figma icon?

[용사-wg]

Hello.
Could i ask you one?
When i add radius to a small rectangle or a small triangle, the radius looks good but once i resize it much bigger, i can barely see radius. This is the other way around, if i add radius when the rectangle is big and i resize it much smaller. I see very big radius. Is there any way to keep it even when the size of the rectangle changes?

Thank you!

[jai]

centre allignment button is not working in my figma, can anyone tell why?

[ertugrulharman]

Free accounts are limited with 3 projects as of the date of this comment.

[timothyduke]

this is not a good video to follow, you need to test drive these with someone, you skipped through so many steps I might as well just randomly learn on my own