Prototype and Code iOS apps in Figma
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’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, user-friendly 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/prototype-and-code
#figma #prototyping #figmatutorial
Смотрите видео Prototype and Code iOS apps in Figma онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь DesignCode 20 Июнь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 14,06 раз и оно понравилось 40 людям.