
https://develop.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.
1. Introduction to Prototyping 2. Create the Prototype UI 3. Card Intro Animation 4. Swipe Gesture 5. Rotate Animation 6. New Screen Overlay 7. Figma Plugin and Exporting 8. Text Styles and Alignment 9. Simplify Your Code 10. Text and Secure Fields 11. Alert 12. Interactions and ChatGPT 13. Create a Parallax ScrollView 14. Mesh Gradient Animation 15. Progressive Blur Effect 16. Ripple Visual Effect with Metal Shader 17. Navigation Transition 18. Text Transition with Text Renderer 19. Expanding View Animation 20. Image Gallery, Hue Rotation, and Swipe Gesture
Prototype_and_Code_iOS_apps_in_Figma_and_SwiftUI.part1.rar - 2.9 GB Prototype_and_Code_iOS_apps_in_Figma_and_SwiftUI.part2.rar - 1.7 GB
Build a fully functional prototype without writing a single line of code—right from your phone.
Duration: 7:07
UI Design using DesignCode UI Kit, Apple’s UI Kit, and creating elements like titles, cards, color palettes, circles, and arcs.
Duration: 16:39
Animate cards using swipe, circular motion, and drag gestures to create smooth entry animations.
Duration: 21:16
Create swipe-based interactions using drag gestures, After Delay triggers, and Smart Animate for seamless transitions.
Duration: 6:09
Build a rotating carousel animation with drag triggers and motion effects.
Duration: 6:30
Use open overlay to display additional content without navigating away from the main screen.
Duration: 9:14
Speed up the design-to-code process using powerful Figma plugins.
Duration: 5:52
Ensure font consistency with text styles and alignments that follow the iOS design system.
Duration: 3:49
Break your code into reusable components to improve maintainability and clarity.
Duration: 6:42
Enhance user input using state and bindings for both standard and secure text fields.
Duration: 5:18
Implement alert dialogs with input validation and error handling.
Duration: 4:57
Leverage AI to automate tasks and generate complex animations faster.
Duration: 7:20
Add a parallax effect to your scroll view for an immersive user experience.
Duration: 6:17
Design and animate beautiful mesh gradients for backgrounds or transitions.
Duration: 4:45
Use a background modifier to dynamically apply and animate blur radius and positioning.
Duration: 4:29
Create a ripple animation using Metal Shader for a visually engaging interaction.
Duration: 3:30
Animate view changes with elegant navigation transitions in SwiftUI.
Duration: 5:32
Implement smooth text and blur transitions using the Text Renderer API.
Duration: 7:18
Create an interactive expanding view that rotates and reveals additional content.
Duration: 9:40
Build a dynamic SwiftUI photo gallery with swipe gestures, color effects, and fluid transitions.
Duration: 24:45
Top Rated News
- CreativeLive Tutorial Collections
- Fasttracktutorials Course
- Chaos Cosmos Library
- MRMockup - Mockup Bundle
- Finding North Photography
- Sean Archer
- John Gress Photography
- Motion Science
- AwTeaches
- Learn Squared
- PhotoWhoa
- Houdini-Course
- Photigy
- August Dering Photography
- StudioGuti
- Creatoom
- Creature Art Teacher
- Creator Foundry
- Patreon Collections
- Udemy - Turkce
- BigFilms
- Jerry Ghionis
- ACIDBITE
- BigMediumSmall
- Globe Plants
- Unleashed Education
- The School of Photography
- Visual Education
- LeartesStudios - Cosmos
- Fxphd
- All Veer Fancy Collection!
- All OJO Images
- All ZZVe Vectors
- CGTrader 1 CGTrader 2























