Figma for Flutter : Better design your app

Name: Figma for Flutter : Better design your app
Rating: 3.2 (15 reviews)

Plan Well Before You Code

Created bySimon Chan

Last updated 9/2019

English

What you'll learn

Figma for designing app
Design App online

Course content

1 section • 14 lectures • 1h 46m total length

101-Introuduction to the course1:18
102- Create account, Go through the Figma4:04
103- Introduce Dribbble for design inspiration3:12
104-import images, create bottom nav bar7:09
105-create status bar, and top bar4:25
Design the app header and navigation by adding a status bar, top bar, bottom navigation, a menu icon, logo, and bell, with three items aligned in the middle.
106- horizontal scrolling of "friend suggestions" bar5:32
107- create main page, vertical scroll items17:07
Learn to design the main page with vertical scrollable cards by configuring images, text, and UI details such as rounded corners, contrast, saturation, shadows, and a fixed bottom navigation bar.
108- small amendment of the feature images2:02
109- create another page (user detail)14:11
110-navigation between different pages6:01
111- add notification page, add linkages17:14
112- create chat detail screen9:21
113-create exploration page5:44
114- Final-- Profile page and linkages8:57

Requirements

All students are welcomed

Description

Do you feel hard when you jump right to coding your app? You will face a lot of problems when you do not know how your app should look like.

Coding without planning is Just like building a house without blueprint, it would be very hard and NOT SAFE!

Mental planning of your app is the worst thing because you have no idea of the actual positioning of the components.

No worry!!! I will teach you how to plan your app using the most powerful online tool --- "Figma". In this course, we will work on a new project -- a dating app "2GETHER". In the first part of the course, you will learn about the technique for Figma, and we will adopt some design from Dribbble.

Hopefully, at the end of this course, you will learn a lot of astonishing technique that help you plan an app before coding, and saves a lot of struggling time!!!

Who this course is for:

Intermediate flutter users
Who want to make better looking app