Skip to main content

Posts

Featured Post

Modern Prototyping Tool for UI Designer and UI Engineer to Build Collaboration using Wondershare Mockitt

Hello everyone, how are you guys? I hope you are always fine. If you're new to this channel, my name is Abdul Aziz Ahwan. Usually, I make tutorial videos and productivity tools. So if you want to get insight and to be more productive, please consider subscribing to me. As a UI Engineer, I translate UI Design or Prototype from a UI Designer to an initial product or MVP (Minimum Viable Product). Good prototyping, straightforward and easy to understand by us is crucial. So, of course, we need the right prototyping tools. But first, we have to know what prototyping is and what it's used for. Reference (Interaction Design) Source: https://www.interaction-design.org/literature/topics/prototyping What’s Prototyping Prototyping is an experimental process where design teams implement ideas into tangible forms, from paper to digital. Teams build prototypes of varying degrees of fidelity to capture design concepts and test on users. With prototypes, we can refine and validate our designs
Recent posts

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 package google_fonts:  get package smooth_page_indicator: get_package Fonts Lato  get font Playfair 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

A New Way to Collect, Organize, and Search Design Assets to Make More Productive with Eagle App

Hello everyone, how are you today? I hope you're always fine. If you are new to this blog, my name is Abdul Aziz Ahwan from Indonesia, and I usually made tutorials video and share about productivity tools. So if you want to get more knowledge and to be more productive, please consider subscribing to me. As a designer, almost all of our time spent in collecting, organizing, and searching for our design assets. So, if we need our design assets, we need extra time to find them, because we are bad at organizing our design assets. But as technology advances, now there's a desktop-based application called Eagle. Eagle is a powerful tool to collect, organize, and search our design assets efficiently. And the good news is, we can use it on Windows and macOS. Not only that, but we can also use it in almost all available browsers such as Chrome, Firefox, Opera, and Edge. Wow, that's amazing.  Then how great is Eagle in collecting, organizing, and searching for our design assets? From

How to Stay Productive in the Age of Social Distancing and Work from Home with Posters App

Hello guys, how are you today?  I'm Abdul Aziz Ahwan from Indonesia. Welcome back to my YouTube channel. We know today's world demands that we do social distancing and work from home. But we realize that some works are not possible to do at home. Even though it looks trivial, some people need to adapt to do work from home. Social adaptation, technical adaptation, and changing our habits, of course.  On this day, work from home is very possible to do. Considering that there are so many applications that we can use to help us to work from home. One of the many applications that I will recommend this time is Posters. Posters App solves the following every day’s tasks for businesses, bloggers, influencers, even ordinary people use it on social media. Creating a beautiful feed post. There are templates with headings, text samples, unique photo grids. Highlighting relevant information in Stories. Designs with frames, texts, headings are available in the app. Tell more with carousel p

Flutter UI Designing Book App UI Design Uplabs

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about  Flutter UI Book 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, Navigator, and much more. Project Starter Code  flutter_finance_app_starter.zip Packages we are using: flutter_svg:  get package google_fonts:  get package Fonts Open Sans  get font UI Credit Design by: Rizki AR Khomaini  see the profile You can get Project file from the link below: Flutter Final Project Link ►  get file Watch in on YouTube

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 package google_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 package slide_to_confirm:  get package google_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 package flutter_swiper: get package google_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

How to Use Custom Font Google Fonts in Flutter - Introducing Google Fonts for Flutter

Hello guys, welcome back with me Abdul Aziz Ahwan , Google Developer YouTube channel just announced several new features, one of which caught my attention is the following new feature. That's Google Fonts for Flutter. Google Fonts allows developers to easily experiment with and use any of the fonts from fonts.google.com in their app.  When the app is ready to publish, the developer then decides whether the user receives the font by downloading it from the API, or it’s pre-bundled with the app package.  We have minimized the work needed to pre-bundle a font, and also kept it compatible with dynamic font loading so you don’t have to change your code if you decide to pre-bundle. ( source ) So beforehand if using custom fonts, even Google fonts though we have to declare it in assets. And now we can use Google fonts directly from our style without the need to download and store them in assets. Look like this.  Let's try the update feature.

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