Coffee Shop App - Flutter UI

Slicing Figma Design to Flutter Code

Source:

Figma:

Segmen
-------
09:17 Onboarding
17:20 Custom Button
23:05 Bottom Navigation Bar
- Home
41:50 Struktur
43:35 background
45:58 header
49:30 search
59:20 banner promo
1:01:20 categories
1:12:05 grid coffee
- detail
1:30:56 Struktur
1:32:44 header
1:35:25 image
1:37:42 main info
1:52:16 description
1:58:24 size
2:06:20 price

[bahasorkun]

How do you know how to design, what to write in Code? I'm new to Flutter. and I am developing this project but im stuck everytime

[cutecode]

Bang kelas yang Fulstack flutter firebase (sewa motor) apakah sudah rilis?

[nun_______]

bang punya kelas ga, saya mau belajar front end flutter