Learn to prototype a sleek and interactive wallet interface using Figma. Full course: https://designcode.io/prototypeandcode'>https://designcode.io/prototypeandcode

Welcome to our course on designing a sleek wallet interface with Figma! You’ll 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, explore a Figma plugin to easily transition from design to SwiftUI. By the end, you’ll create dynamic, userfriendly prototypes.

Figma File
https://www.dropbox.com/scl/fo/jqx9mi...

What You'll Learn
How to initiate 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 dial and a list picker to enhance 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 the use of after 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 for presenting additional information or actions without leaving the current screen.

00:00:00 Intro
00:02:11 DesignCode UI Kit and Apple UI Kit
00:04:57 How to use DesignCode UI kit
00:07:09 Getting started
00:12:15 Card design
00:15:30 Dial
00:18:12 List picker
00:23:48 Components and variants
00:30:43 Deck of cards
00:34:28 Multi Screens
00:36:00 After delay
00:44:14 Conclusion

Follow this course on Design+Code's website
➡ https://designcode.io/prototypeandcode'>https://designcode.io/prototypeandcode

#figma #prototyping #figmatutorial