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!
Watch video Flutter UI Tutorial - How to Convert Figma UI Design into Flutter Code using DhiWise | 100% Free online without registration, duration 27 minute 24 second in high hd quality. This video was added by user Abdul Aziz Ahwan 26 July 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 18 thousand once and liked it 430 people.