Channel Avatar

DesignCode @UCTIhfOopxukTIRkbXJ3kN-g@youtube.com

298K subscribers - no pronouns set

Teaching designers how to code and developers how to design.


This is the best implementation of AI to design I've seen so far #figma Siri animation using mesh gradient in SwiftUI. Sample code by @metasidd Font weight animation with spring in SwiftUI. Code by @MarkBuildin Before and after the text and blur transitions #swiftui #wwdc24 #iosdevelopment The new SwiftUI charts look incredible πŸ“Š Source code provided by Apple Ripple effects and text transitions. Sample code provided by Apple What is this sorcery. 2 lines of code to create this transition. #swiftui #wwdc24 #iosdevelopment You can now create animated mesh gradients in SwiftUI 😍 #swiftui #wwdc24 Export your Figma designs into usable code and SVGs in no time Embed Rive animated assets in SwiftUI How you can use a variable font instead of a static font in Figma Embed a 3D asset from Spline into Xcode Learn Figma's dark mode variables in seconds Use component properties to reduce variants in Figma Understanding modal types and their uses in user interfaces Navigate prototype connections in Figma like a pro Quick guide to setting up after delay animations in your prototypes How AI plugins can transform your design process in Figma Text animation made simple: add movement to your messages How to prototype a sticky nav bar and scroll with parent settings Turn a flat circle into a 3D looking sphere in Figma Things to consider for an onboarding screen Create an interactive calendar in Figma Create a quick mesh gradient in Figma Let's create an animated button prototype in Figma View Layout Outlines helps with the visual hierarchy of your design Easily switch to dark mode with this plugin Smart Selection is so useful for organizing your layers without Auto Layout How to create 3D perspective mockups in Figma Hug content and resizing in Figma design tips Tour of my workspace #workspace #desksetup #uidesigner How to use breakpoints for adaptive layouts in Figma Speed up design with content generator and placeholder plugins Create a base for your 3D designs in Spline How to create this particles animation in 1 min using Spline It’s so easy now to add 3D to iOS apps #swiftui #3ddesign #spline Not many teach this style. Learn to design this UI from scratch using @figma and Mobbin I did the UI in @CreatewithPlay and exported to SwiftUI πŸ‘Œ #swiftui #prototyping #uidesign 3D knob with SwiftUl #swiftui #splinetool #iosdeveloper 3d assets + swiftui We made a visionOS UI. πŸ‘“ Learn to create 3D UI: designcode.io/spline-ui-intro Free 4-hour Web Design Course Create a 3D shiny card in SwiftUI Free Web Design Course for Beginners Create a 3d globe background for your site in Framer #framer #nocode #webdesign #webdevelopment Turn your figma designs into full sites in Framer #framer #nocode #webdesign #webdevelopment #figma How to create a simple appear animation in Framer #nocode #webdesign #framer #webdevelopment Radial gradients in Figma #uidesign #figmadesign #figma