8 Views· 23 September 2022
Flutter UI Tutorial - Designing Movies Neon App UI Design DesignCode (Figma to Flutter) [ PART 1 ]
#Movies #DesignCode #Neon #Movie #Glassmorphism #Blur #Transparent
Hi everyone, I am @Abdul Aziz Ahwan 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/communit....y/file/1076511483626
Video tutorial by @DesignCode ►https://youtu.be/lceG4iKNfEg
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 ► https://youtu.be/OmIv8kcb0k4
📽 PART 2 ► https://youtu.be/GdBu6jUtpnc
📽 PART 3 ► https://youtu.be/t7JGcEVn_h0
Stay tune @Flutter !
🔖 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: helloabdulazizahwan@gmail.com
----------------------------------
⏲ 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 ► https://www.youtube.com/channe....l/UCQUfwiydQHf0u4Gb6
💰 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 ► https://discord.gg/aNEPJcP
----------------------------------
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 ► https://www.youtube.com/playli....st?list=PLjOFHn8uDrv
Flutter Firebase CRUD Tutorial
Link ► https://www.youtube.com/playli....st?list=PLjOFHn8uDrv
Flutter Tutorial - Basic [EN]
Link ►https://www.youtube.com/playli....st?list=PLjOFHn8uDrv
----------------------------------
⚠️ 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_rating_bar
- google_fonts: https://pub.dev/packages/google_fonts
🌃 VSCODE THEME
- https://marketplace.visualstud....io.com/items?itemNam
📂 PROJECT FILE
Flutter Starter Code
Link ► https://abdulazizahwan.gumroad.....com/l/flutter-glass
Part 1
Link ► https://abdulazizahwan.gumroad.....com/l/flutter-glass
Part 2
Link ► https://abdulazizahwan.gumroad.....com/l/flutter-glass
Part 3
Link ► https://abdulazizahwan.gumroad.....com/l/flutter-glass
📚 REFERENCES
Masking Widget ► https://stackoverflow.com/ques....tions/60468768/maski
Outline Border with Gradient ► https://stackoverflow.com/ques....tions/66185071/flutt
Blur Container ► https://stackoverflow.com/ques....tions/53886850/how-t
----------------------------------
👨💻 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 ► https://twitter.com/abdulazizahwan
Github ► https://github.com/abdulazizahwan
My Blog ► https://abdulazizahwan.com
----------------------------------
Thanks for Watching!
#Dart
#Android
#iOS
#Swift
#Kotlin
0 Comments