Skip to main content

Posts

Showing posts with the label Design

Flutter UI Designing Travel App UI Design Dribbble

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about  Flutter UI Travel App UI Design Dribbble on Android Studio.
In this section, we will implement many widgets and concepts, such as Stack, Flutter SVG, ClipRRect, Backdrop Filter, ImageFilter, Google Fonts,  Custom Widget, and much more. 

Project Starter Code flutter_travel_app_starter.zip
Packages we are using: flutter_svg: get packagegoogle_fonts: get packagesmooth_page_indicator: get_package Fonts Lato get fontPlayfair Display get_font UI Credit Design by: Icha Mawaddah Febriyana see the profile
You can get Project file from the link below:
Flutter Final Project Link ► get file
Watch in on YouTube
PART 1

PART 2

Flutter UI Designing Modern Moora Money Managemenet App

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about  Flutter UI Designing Moora Money Banking Management App UI Design Uplabs on Android Studio.
In this section, we will implement like many concepts and widgets such as Stack, Container, Column, Row, Positioned, Flutter SVG, and much more.

Project Starter Code flutter_finance_app_starter.zip
Packages we are using: flutter_svg: get packagegoogle_fonts: get package Fonts Inter get font UI Credit Design by: Innovation Graphics see the profile
You can get Project file from the link below:
Flutter Final Project Link ► get file
Watch in on YouTube

Designing Finance Banking App UI Design with Flutter

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern Finance Banking App UI Design with Flutter on Android Studio.
In this section we will implement like many concepts and widgets such as Stack, Container, Column, Row, Positioned, Flutter SVG, Slide to Confirm and much more.

Project Starter Code flutter_finance_app_starter.zip
Packages we are using: flutter_svg: get packageslide_to_confirm: get packagegoogle_fonts: get package Fonts Nunito get font UI Credit Design by: Bagas Nirwan see the profile
You can get Project file from the link below:
Flutter Final Project Link ► get file
Watch in on YouTube

Designing Modern Travel Booking App Travelkuy UI Design with Flutter

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern Travel Booking App Travelkuy UI Design with Flutter on Android Studio.
In this section we will implement like many concepts and widgets such as Stack, Container, Column, Row, Positioned, Flutter SVG, and much more.

Project Starter Code flutter_travelkuy_app_starter.zip
Packages we are using: flutter_svg: get packageflutter_swiper: get packagegoogle_fonts: get package Fonts Inter get font UI Credit Design by: Bagas Nirwan see the profile
You can get Project file from the link below:
Flutter Final Project Link ► get file
Watch in on YouTube

Designing Modern Dashboard UI Design with Flutter

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern Dashboard Screen UI Design with Flutter on Android Studio.

In this section we will implement like many concepts and widgets such as Stack, Container, Column, Row, Circle Avatar, Flutter SVG, and much more.

You can get Assets file and Project file from the link below:

Asset File
Link ► https://gum.co/cDQTr

Flutter Final Project
Link ► https://gum.co/ytieD


How to Get Figma Professional Plan for Free - Figma Education only for Students & Educators

#Figma #Professional #Plans #Free #Student

Hello guys, how are you today? I hope you'll be fine today. I am Abdul Aziz Ahwan from Indonesia. Usually, I made tutorial videos, such as android development, flutter and much more.

Ok, so in this post I am going to share a little bit tips for you. As I mentioned last month, I want to show what's kind of apps that I used to produce, learning, and help my development process. And I think, now it's time.

One of the apps that I used is Figma. Figma is a cloud-based design and prototyping tool for digital projects. It’s made so that users can collaborate on projects and work pretty much anywhere.
While this tool looks a lot like other prototyping options, the key differentiator is the ability to work with teams on projects.

Figma helps teams create, test, and ship better designs from start to finish. Packed with design features you already love plus unique inventions like the Arc tool and Vector Networks, Figma helps you keep the id…

Designing Online Course Education App UI Design from Adobe XD to Android Studio (XD File + Source Code)

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are going to Learn How to Designing Online Course Education App UI Design from Adobe XD to Android Studio. In this tutorial we are implementing many things, like Layouting, RecyclerView, CardView, Animation and more.
So Education App that we want to create like this.


You can get Project File from link below:
Assets : assets.abdulazizahwanAdobe XD : xd.abdulazizahwanAndroid Studio Part 1 : asp1.abdulazizahwanAndroid Studio Final : aspc.abdulazizahwanPart I [Design Section]
Part II [XML Layouting Section]
Part III [Java Section]

Designing Modern MyLearningApp Login Screen UI Adobe XD to Android Studio

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern MyLearningApp Login Screen UI Adobe XD to Android Studio. In this section we will implementing like Constraint Layout, Intent Animation on Android Studio. The design would be look like this.

You can get Project File from link below:
Adobe XD : xd.abdulazizahwanAndroid Studio : git.abdulazizahwanPart I [Design Section]
Part II [Code Section]

How to Customize Background Shape Bottom Navigation View Material Design Component in Android Studio

#CustomShape #BottomNavigationView #AndroidStudio #Modern

Hi everyone, I am Abdul Aziz Ahwan . In this post, we are going to Learn How do I Customize Background Shape Bottom Navigation View Material Design Component in Android Studio.

To customize background shape it's so simple, we can simply create drawable resource file and set that file as the background.

If you want to learn more, you can watch the tutorial below.
Android Studio Project File (abdulazizahwan.androidstudio