Flutter UI Tutorial - Designing Movies Neon App UI Design DesignCode (Figma to Flutter) [ PART 2 ]

Опубликовано: 01 Январь 1970
на канале: Abdul Aziz Ahwan

8,114

199

Get 10,000 free mins to build flutter App: https://bit.ly/3FzK2I6
Find more about ZEGOCLOUD API & SDK: https://bit.ly/3h6NmAV

#Movies #DesignCode #Neon #Movie #Glassmorphism #Blur #Transparent

Hi everyone, I am ‪@abdulazizahwan‬ from Indonesia,
In this video, we will learn Figma to Flutter with best practice. Which we are going to create a Movies Neon App UI Design Freebies from DesignCode Figma Community.
A lighting and glowing user interface from scratch using neon style.

Designed by Sourasith
Refer to this ► https://www.figma.com/community/file/...
Video tutorial by ‪@DesignCodeTeam‬ ►   • Neon UI Design from scratch in Figma

And in this section, we will implement many widgets and concepts, such as implement Glassmorphism, Blur Background, Masking Widget and much more. I hope it will be useful to apply to your next project.

📽 PART 1 ►    • Flutter UI Tutorial - Designing Movie...
📽 PART 2 ►    • Flutter UI Tutorial - Designing Movie...
📽 PART 3 ►    • Flutter UI Tutorial - Designing Movie...

Stay tune ‪@flutterdev‬ !

🔖 JOIN FLUTTER COURSE 🔖
Build real, responsive applications! (Portfolio, E-commerce, Crypto App, Budget Tracker)
This course is designed for beginner to intermediate developers who want to build their future with Flutter
https://gumroad.com/a/659170419/fqamxr

----------------------------------

👨‍💼 Business Inquiries: [email protected]

----------------------------------

⏲ Timestamp
00:00:00 👨🏻‍💻 Chapters

----------------------------------

This video was made with great effort,
If you want to support me you can donate to the following link
👨🏻‍💻 BE A SUPPORTER ON YOUTUBE
Link ►    / @abdulazizahwan

💰 PAYPAL
Link ► https://paypal.me/abdulazizahwan

🧧 SAWERIA
Link ► https://saweria.co/abdulazizahwan

🪙 TRAKTEER
Link ► https://trakteer.id/abdulazizahwan

☕ BUY ME A COFFEE
Link ► https://buymeacoffee.com/abdulazizahwan

----------------------------------

🤙 JOIN MY DISCORD
Link ►   / discord

----------------------------------

Hopefully, you would love this video.
I am so grateful if you want to hit the subscribe button. Thanks

📌 SUBSCRIBE ME
Here ► http://bit.ly/AbdulAzizAhwan

----------------------------------

🎬 ANOTHER PLAYLIST
Flutter UI Design Best Practices
Link ►    • Flutter UI Tutorial - UI Design Best ...

Flutter Firebase CRUD Tutorial
Link ►    • Flutter Firebase CRUD Tutorial

Flutter Tutorial - Basic [EN]
Link ►   • Flutter Tutorial - Basic [EN]

----------------------------------

⚠️ FLUTTER & DART VERSION
Flutter 2.8.1
Dart 2.15.1

🔨 PACKAGE FOR THIS PROJECT
flutter_svg: https://pub.dev/packages/flutter_svg
glassmorphism: https://pub.dev/packages/glassmorphism
flutter_rating_bar: https://pub.dev/packages/flutter_rati...
google_fonts: https://pub.dev/packages/google_fonts

🌃 VSCODE THEME
https://marketplace.visualstudio.com/...

📂 PROJECT FILE
Flutter Starter Code
Link ► https://abdulazizahwan.gumroad.com/l/...

Part 1
Link ► https://abdulazizahwan.gumroad.com/l/...

Part 2
Link ► https://abdulazizahwan.gumroad.com/l/...

Part 3
Link ► https://abdulazizahwan.gumroad.com/l/...

📚 REFERENCES
Masking Widget ► https://stackoverflow.com/questions/6...
Outline Border with Gradient ► https://stackoverflow.com/questions/6...
Blur Container ► https://stackoverflow.com/questions/5...

----------------------------------

👨‍💻 GEAR LIST & TOOLS
MacBook Pro 2017 
( 8GB RAM 256GB Monterey OS )

Acer Swift 3 SF314-54G-51ZK
( 12GB RAM 256GB SSD NvME M.2 Windows 11)

Canon EOS M50 Sigma 16mm f1.4

Logitech C922 Pro Webcam

Microphone Condensor BM700

----------------------------------

📱 FOLLOW
Twitter ►   / abdulazizahwan
Github ► https://github.com/abdulazizahwan
My Blog ► https://abdulazizahwan.com

----------------------------------

Thanks for Watching!
#Dart
#Android
#iOS
#Swift
#Kotlin