Video

How to Design Your Flutter App Icons in Figma (for Beginners)

Name: How to Design Your Flutter App Icons in Figma (for Beginners)
Uploaded: 2024-11-15
Channel: Andrea Bizzotto

by Andrea Bizzotto youtube.com November 15, 2024

8 min 4.9k views

Watch on YouTube

App icon template from the video: https://www.figma.com/design/2fR5TMDpzhDEVJyhQvhsiX/App-Icon-Template?node-id=1-131&t=wM1bxBAhlCe7XMWz-1 Summary of the steps: - Create your icon background as a 1000x1000px square - Design the foreground content as a combination of shapes, group them together, and center them - For the iOS icon, scale the foreground content to **75%** of the icon size - For the Android icon, scale the foreground content to **50%** of the icon size - Create separate foreground and background icons on Android - Export all the icons using `1024w` as the size selector NEW COURSE: FLUTTER IN PRODUCTION Learn about flavors, environments, error monitoring, analytics, release management, CI/CD, and finally ship your Flutter apps to the stores → https://codewithandrea.com/courses/flutter-in-production/

Made by

Andrea Bizzotto @andreabizzotto 🇬🇧 United Kingdom

Available for hire

Andrea Bizzotto has extensive experience in mobile app development, having built complex apps for various clients and as an independent developer. He is passion...