Prototype and code iOS apps in Figma

Prototype and code iOS apps in Figma

HomeDesignCodePrototype and code iOS apps in Figma
Prototype and code iOS apps in Figma
ChannelPublish DateThumbnail & View CountDownload Video
Channel AvatarPublish Date not found Thumbnail
0 Views
Learn to prototype a sleek and interactive wallet interface using Figma. Full course: https://designcode.io/prototype-and-code

Welcome to our course on designing a sleek wallet interface with Figma! You will learn to create a visually appealing and functional wallet interface using DesignCode and Apple UI Kits. Master prototyping, swipe gestures, carousel animations, overlays and reusable components. Plus, discover a Figma plugin to easily transition from design to SwiftUI. At the end you will create dynamic, user-friendly prototypes.

Figma file
https://www.dropbox.com/scl/fo/jqx9minp4q2mjnh36myv1/AF0SIYE6WqFxXBLKbHdH6Ys?rlkeyj314s5pkeawrt6hkpvoudums4&styds9q0a9&dl0

What you will learn
– How to start your wallet interface design from a blank canvas.
– How to build and customize a deck of cards, which will be the core element of your wallet.
– How to design a functional spinner and list selector to improve user interaction and ease of use.
– How to design and organize multiple screens for a seamless user experience.
– How to create reusable components and their variants, optimizing your design process and consistency across the interface.
– How to master using post-delay triggers and Smart Animate for smooth dynamic animations and interactions.
– Swipe gesture: Implement intuitive swipe actions to navigate and interact with your wallet interface.
– Carousel Animation: Create engaging animated carousels to display content attractively.
– Open Overlay: Learn how to use overlays to present additional information or actions without leaving the current screen.

00:00:00 Introduction
00:02:11 DesignCode UI Kit and Apple UI Kit
00:04:57 How to use the DesignCode UI kit
00:07:09 Getting started
00:12:15 Card design
00:15:30 Call
00:18:12 List selector
00:23:48 Components and variants
00:30:43 Pack of cards
00:34:28 Multiple screens
00:36:00 After delay
00:44:14 Conclusion

Take this course on the DesignCode website
https://designcode.io/prototype-and-code

#figma #prototyping #figmatutorial

Please take the opportunity to connect and share this video with your friends and family if you find it useful.