Flutter UI Tutorial - How to Convert Figma UI Design into Flutter Code using DhiWise | 100% Free
Hi everyone, I am Abdul Aziz Ahwan from Indonesia,
Build your app with DhiWise:
In this video, we are going to learn How to Convert Figma UI Design into Flutter Code with GetX State Management using DhiWise - DhiWise is a programming platform where developers can convert their designs into developer-friendly code for mobile and web apps. DhiWise automates the application development lifecycle and instantly generates readable, modular and reusable code.
My Screen Recording:
My Second Brain:
My Hosting:
My UI UX Inspiration:
My Screen Recording:
Flutter Course:
No Code Course:
Support Me:
----------------------------------
Business Inquiries: helloabdulazizahwan
----------------------------------
VSCODE THEME
-
PROJECT FILE
- UI Design by Fadli Creative (
- Flutter Job Search App Generated Code (
----------------------------------
⏲ Timestamp
00:00 Timeline
00:05 Introduction
00:21 Say Thank You
00:31 Our Goals
00:50 What is DhiWise?
01:28 DhiWise Key Features
03:05 How to SignUp
03:41 DhiWise Dashboard
04:08 DhiWise Documentation
04:31 Figma UI Design File
05:05 Create a New Application on DhiWise
06:16 Select a Screen to Convert
06:52 Setup App on DhiWise
07:55 The Result
08:56 Configure Splash Screen and Other
10:06 Configure Navigation
11:40 How to Sync Design Changes with DhiWise
12:11 Comparison Generated Flutter vs Figma Design
12:41 Generate Flutter Code on DhiWise
15:03 Sync or Download Code on DhiWise
15:29 Extract and Open with Fav IDE
15:54 Fix a Litte Bug
16:54 Run Our App
17:10 Generated Flutter Code Run on iOS Simulator
19:48 Need to be Improve
20:08 My Opinion about DhiWise
21:34 The Result is Impressive
23:22 Another Great Features on DhiWise
25:15 Conclusion
26:38 Closing!
----------------------------------
This video was made with great effort,
If you want to support me you can donate to the following link
Join this channel to get access to perks:
PAYPAL
Link ►
SAWERIA
Link ►
TRAKTEER
Link ►
BUY ME A COFFEE
Link ►
----------------------------------
JOIN MY DISCORD
Link ►
----------------------------------
Hopefully, you would love this video.
I am so grateful if you want to hit the subscribe button. Thanks
SUBSCRIBE ME
Here ►
----------------------------------
ANOTHER PLAYLIST
Flutter UI Design Best Practices
Link ►
Flutter Firebase CRUD Tutorial
Link ►
Flutter Tutorial - Basic [EN]
Link ►
----------------------------------
GEAR LIST & TOOLS
- MacBook Pro 2017
( 8GB RAM 256GB Ventura OS )
- Acer Swift 3 SF314-54G-51ZK
( 12GB RAM 256GB SSD NvME M.2 Windows 11)
- Keychron K2 V2 Blue Switch
- Logitech MX Master 2s
- Canon EOS M50 Sigma 16mm f1.4
- Logitech C922 Pro Webcam
- Thronmax Mdrill Zero M4
----------------------------------
FOLLOW
Twitter ►
Github ►
My Blog ►
----------------------------------
Thanks for Watching!
Смотрите видео Flutter UI Tutorial - How to Convert Figma UI Design into Flutter Code using DhiWise | 100% Free онлайн без регистрации, длительностью 27 минут 24 секунд в хорошем hd качестве. Это видео добавил пользователь Abdul Aziz Ahwan 26 Июль 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 18 тысяч раз и оно понравилось 43 людям.