UI Design - Abdul Aziz Ahwan

<style>/*<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6102615754735220&host=ca-host-pub-1556223355139109" crossorigin="anonymous"></script>

<!-- data-ad-client=ca-pub-6102615754735220 -->

</head><body>*/</style>

How to Build a Beautiful and Functional UI in Flutter

Flutter has been gaining immense popularity over the past few years as a tool for building beautiful and functional user interfaces (UIs) fo...

Abdul Aziz Ahwan 29 Mar, 2023

abdul aziz ahwan , awesome , clean ui

Flutter UI Tutorial - Email Client Gmail Clone App UI Design (Figma to Flutter)

Hi everyone, I am Abdul Aziz Ahwan Indonesia, In this post, we will learn Flutter UI which we are going to convert Email Client Gmail Clo...

Abdul Aziz Ahwan 15 Mar, 2023

abdul aziz ahwan , clone , cloud

Flutter UI Tutorial - Cloud Storage Redesign Dropbox Clone App UI Design (Figma to Flutter)

Hi everyone, I am Abdul Aziz Ahwan Indonesia, In this post, we will learn Flutter UI which we are going to convert Cloud Storage Redesign...

Abdul Aziz Ahwan 17 Jan, 2023

abdul aziz ahwan , adobe xd , animated bottom bar

Flutter UI Tutorial - Lucky Pet Shop E-Commerce App UI Design from Dribbble (Figma to Flutter)

Hi everyone, I am Abdul Aziz Ahwan Indonesia, In this post, we will learn Flutter UI which we are going to convert Lucky Pet Shop E-Com...

Abdul Aziz Ahwan 13 Nov, 2022

abdul aziz ahwan , clothing , code

Flutter UI Tutorial - E-Commerce Clothing Shop Store App | Floating Bottom Bar (Figma to Flutter)

Hi everyone, I am Abdul Aziz Ahwan Indonesia, In this post, we will learn Flutter UI which we are going to convert E-Commerce Clothing S...

Abdul Aziz Ahwan 7 Nov, 2022

abdul aziz ahwan , app , code

Flutter UI Tutorial - Designing Clean Travel News App UI Design (Figma to Flutter)

Flutter UI Tutorial - Designing Clean Travel News App UI Design (Figma to Flutter) Hi everyone, I am Abdul Aziz Ahwan Indonesia, In this...

Abdul Aziz Ahwan 2 Nov, 2022

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/523887051-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5EVN7tRFao90HRorAF_0nEknv8Yw:1716093962630';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d548045071468246972','//www.abdulazizahwan.com/search/label/UI%20Design?updated-max\x3d2023-03-29T09:14:00-07:00\x26max-results\x3d6\x26start\x3d12\x26by-date\x3dfalse','548045071468246972');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '548045071468246972', 'title': 'Abdul Aziz Ahwan', 'url': 'https://www.abdulazizahwan.com/search/label/UI%20Design?updated-max\x3d2023-03-29T09:14:00-07:00\x26max-results\x3d6\x26start\x3d12\x26by-date\x3dfalse', 'canonicalUrl': 'https://www.abdulazizahwan.com/search/label/UI%20Design?updated-max\x3d2023-03-29T09:14:00-07:00\x26max-results\x3d6\x26start\x3d12\x26by-date\x3dfalse', 'homepageUrl': 'https://www.abdulazizahwan.com/', 'searchUrl': 'https://www.abdulazizahwan.com/search', 'canonicalHomepageUrl': 'https://www.abdulazizahwan.com/', 'blogspotFaviconUrl': 'https://www.abdulazizahwan.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-KJG2YX6J4R', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Abdul Aziz Ahwan - Atom\x22 href\x3d\x22https://www.abdulazizahwan.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Abdul Aziz Ahwan - RSS\x22 href\x3d\x22https://www.abdulazizahwan.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Abdul Aziz Ahwan - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/548045071468246972/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/07133761082581680081\x22 /\x3e\n', 'adsenseClientId': 'ca-pub-6102615754735220', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/8a8c39e8754b0ef7', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'searchLabel': 'UI Design', 'pageName': 'UI Design', 'pageTitle': 'Abdul Aziz Ahwan: UI Design', 'metaDescription': 'Learn Mobile Flutter Web Development Design and Technology with our Tutorials and Tips Tricks for a Seamless Coding Experience'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Abdul Aziz Ahwan', 'description': 'Learn Mobile Flutter Web Development Design and Technology with our Tutorials and Tips Tricks for a Seamless Coding Experience', 'url': 'https://www.abdulazizahwan.com/search/label/UI%20Design?updated-max\x3d2023-03-29T09:14:00-07:00\x26max-results\x3d6\x26start\x3d12\x26by-date\x3dfalse', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'UI Design', 'resultsMessage': 'Showing posts with the label UI Design', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3eUI Design\x3c/span\x3e'}}}, {'name': 'widgets', 'data': [{'title': 'Upload Image', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image10'}, {'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML10'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-blog', 'id': 'HTML11'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML12'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '5825187804614332323', 'title': 'How to Build a Beautiful and Functional UI in Flutter', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtHu0fOiuKxBDJTMU6IdpEh98ohKiMBaepiHRumH9nP0atRlZOcoIFkCMua53sreTEw0kwOvp5e4Yo8B3l6ssMJ_vOLY7_CoaFO4NqedJaKVFDJCfB1RaboZTJnU_m5ojvC0y2xTiR9RIF0OL_h-MxCVt-soe4MeSw0eeoBTWOnryn1OZMePIJ13p3Ow/w640-h360/Build%20a%20Beautiful%20and%20Functional%20UI%20in%20Flutter.png', 'showInlineAds': true}, {'id': '8606131191346315678', 'title': 'Flutter UI Tutorial - Email Client Gmail Clone App UI Design (Figma to Flutter)', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd9OejyRkKo1l15TAHLu9m6ZElGvB5ds-DtP6LDxeAAgaguqI3ojp1ks4jNCQJdK5_n2uNhHE950sKWwzM6TzJw6V4ex8ovGFY9CX5n8eRkat7A_ld3EucrRDrg8DBg_a35kTbTYZuiK9JUc67azh2nn_niBnjM7kPRecjxBhOUh3iTP7SOborsMueWQ/w640-h360/Flutter%20UI%20Email%20Client%20App.png', 'showInlineAds': true}, {'id': '7231942923667457697', 'title': 'Flutter UI Tutorial - Cloud Storage Redesign Dropbox Clone App UI Design (Figma to Flutter)', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh87XVA1GJK9LetYZc1glzgGH0YQuiqzIZyzTbf7ihSx_XkdR0_sNwpnnoM9a9POofH3P3ULy_UcnQXBf-7iVayMzUO-arahG5CNezOU9YYqOf3SO8tKkoOR_TRMbeJnxo8Pa2sOR-FzC_KTxFhYHUV7DRW68lkuD_XMcaynwbEc1p6FBjra2ZBZIQDVQ/w640-h360/Flutter%20UI%20Cloud%20Storage%20Dropbox%20Clone%20App%20blogger.png', 'showInlineAds': true}, {'id': '7085901829005318358', 'title': 'Flutter UI Tutorial - Lucky Pet Shop E-Commerce App UI Design from Dribbble (Figma to Flutter)', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQKtc41f4bpOvoAUwQgjsPhab2VbM7Pz6MeTZ_bmE3XgG9LsTXSwTirG1d51H6p9NLNaA_YCxkIxk427YwNZPLsxwvZXYuHBbvonLqSjffKWNHx2Ljl2roP_38JXaSDid0jnFrridjONBMn3BK_NHLqZQffVcpyWOgUnP51A4gkQvhaA-6dg2RZ7c6MA/w640-h360/Flutter%20UI%20Pet%20Shop%20E-Commerce%20App.png', 'showInlineAds': true}, {'id': '1476967075716268640', 'title': 'Flutter UI Tutorial - E-Commerce Clothing Shop Store App | Floating Bottom Bar (Figma to Flutter)', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP_tc6KMz8b0RnCH_N5r9wI2Pgl_i82y9c11KvhAJ7C04j47HnuYBQ-WQh_9cRu3lFMxGtMsNqV1B3nEMx3skA8FpH3AxqQAlGiRVK2EHrHN1s6olq_UMRspbHPlPAoaF6mF6gbtEBMp9bAG2pLQJTzt8NNu5MMUT9PkNFTXx6ZES4AXR6YzUfsHPnnQ/w640-h360/Flutter%20UI%20Cloth%20Store%20App.png', 'showInlineAds': true}, {'id': '7714664055047029666', 'title': 'Flutter UI Tutorial - Designing Clean Travel News App UI Design (Figma to Flutter)', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioi8doNbgEZAjdCJlssLB_BUWt7GK7cpzCbHVS6fwXyyMgGwMFmyzzVKilzkXrcXFc-np8Lm4PVJhO_T6ke-OLSYixFUnC_-Np7hyVJvPPxh5PcYz-StXM3PsPSWYpQay3l9zDt-Ybp_rDiTL9_00oxVIe6O57ga3De5a6fWiM5uXLi7h_NlUhLxg5ug/w640-h360/Flutter%20UI%20News%20App.png', 'showInlineAds': true}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comments'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comments'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Labels:'}]}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML13'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML14'}, {'title': '#You may also like', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML15'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML16'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML17'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'after-blog', 'id': 'HTML18'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': 'Blog Archive', 'type': 'BlogArchive', 'sectionId': 'sidebar-static', 'id': 'BlogArchive10'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML2'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML20'}, {'type': 'AdSense', 'sectionId': 'sidebar-sticky', 'id': 'AdSense1'}, {'title': 'About Us', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Verified by', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML1'}, {'title': 'Learn More', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image10', 'upload-image', document.getElementById('Image10'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'header-main', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'before-blog', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'before-post', document.getElementById('HTML12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': 'Showing posts with label \x3cb\x3eUI Design\x3c/b\x3e. \x3ca href\x3d\x22https://www.abdulazizahwan.com/\x22\x3eShow all posts\x3c/a\x3e', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1781096480-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML13', 'ads-post', document.getElementById('HTML13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML14', 'ads-post', document.getElementById('HTML14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML16', 'ads-post', document.getElementById('HTML16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML17', 'ads-post', document.getElementById('HTML17'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML18', 'after-blog', document.getElementById('HTML18'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive10', 'sidebar-static', document.getElementById('BlogArchive10'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-sticky', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML20', 'sidebar-sticky', document.getElementById('HTML20'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'sidebar-sticky', document.getElementById('AdSense1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'footer-widget', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer-widget', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>