DesignCode@designcodeio

We teach designers code & developers design.

 Singapore
designcode.io
Joined August 2018
Different ways to design a dashboard 👀 1 2 3 or 4?
1
1
21
4,119
cooking for the new ui kit 👀
1
2
21
3,334
This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course: designcode.io/react-native-a…
15
43
445
68,097
Coding this Figma design in SwiftUI is easier than you think You can break down complex designs into simple, manageable components and make it interactive with Claude AI Take our 5-hour SwiftUI and Claude AI course: designcode.io/swiftui-and-cl…
2
14
232
20,007
Claude AI is great for React Native Since it's React, the skills gained from learning Claude Artifacts and v0 are easily transferrable to mobile development Learn how to take your Figma design, export to code and let Claude AI do the rest designcode.io/react-native-a…
3
4
37
5,336
Font weight animation tutorial in SwiftUI
2
11
174
13,074
How to create a mesh gradient in SwiftUI
8
85
6,034
Text transition SwiftUI tutorial
1
7
130
11,016
Navigation transition tutorial with SwiftUI Full tutorial: designcode.io/swiftui-handbo…
4
138
10,296
Parallax scrolling in SwiftUI - a quick tutorial
4
50
3,024
prototyped in figma 👀
8
13
235
18,462
Learn Figma's dark mode variables in seconds
17
242
31,042
Export your Figma designs into usable code and SVGs in no time
8
1,577
How you can use a variable font instead of a static font in Figma
10
1,518
Embed a 3D asset from Spline into Xcode
1
38
3,626
Embed Rive animated assets in SwiftUI
20
2,504
Use component properties to reduce variants in Figma
1
23
2,178
Understanding modal types and their uses in user interfaces
23
2,001
Navigate prototype connections in Figma like a pro
2
33
3,387
Quick guide to setting up after delay animations in your prototypes
10
1,386
How AI plugins can transform your design process in Figma
1
10
1,330
Text animation made simple: add movement to your messages
15
1,467
How to prototype a sticky nav bar and scroll with parent settings
10
1,125
Turn a flat circle into a 3D looking sphere in Figma
14
1,439
Things to consider for an onboarding screen
80
5,716
Create an interactive calendar in Figma
1
3
16
1,456
Create a quick mesh gradient in Figma
1
9
1,462
Let's create an animated button prototype in Figma
8
1,190
View Layout Outlines helps with the visual hierarchy of your design
2
12
1,961
Easily switch to dark mode with this plugin
1
20
2,156
Smart Selection is so useful for organizing layers without Auto Layout
8
1,344
This time, we'll learn to design AND prototype this UI from scratch piped.video/O7AMgLh3-Go Get the figma file ☝️
1
2
20
2,422
Rename all layers at once in Figma + tricks More tutorials: designcode.io/figma-handbook
5
1,178
Hug content and resizing in Figma design tips Full tutorial: designcode.io/figma-handbook…
9
1,341
How to use breakpoints for adaptive layouts in Figma figma tutorial: designcode.io/figma-handbook…
1
1
11
1,269
Design tip: use placeholder UI and content generator plugins to speed up design Figma handbook: designcode.io/figma-handbook
16
1,931
Create a base for your 3D designs in Spline  Free course: designcode.io/spline-ios
2
28
3,109
How to create this particles animation in 1 min Learn the full course: designcode.io/spline-ios
1
10
1,148
How to create 3D perspective mockups in Figma More tutorials: designcode.io/figma-handbook
2
3
26
1,854
Should we teach prototyping on top of the ui design?
2
2
27
3,227
Using a design system can speed up your designs and allow enough flexibility to create something unique This is using our ui kit: designcodeui.com
1
1
19
2,010
Tesla desktop app concept 👀
4
4
35
4,057
Spice up your designs with a dash of 3D elements! 🌟 Full course: designcode.io/spline-ios
4
2
36
2,988
Bento layouts 🍱 Figma file: figma.com/community/file/134…
1
2
25
2,790
Create this realistic UI from scratch in @figma piped.video/A7qI3HAEu18 - From UI pattern to wireframe to fully fleshed UI - Use the Arc tool for the knob design - Draw complex shapes for rings and charts - Work with gradients, advanced strokes & auto layout
6
6
48
4,593
We made a visionOS UI. 👓 Learn to create 3D UI: designcode.io/spline-ui-intr…
1
1
31
2,489
How should this be coded? 👀
9
7
60
10,374
Design for visionOS 👀
4
4
62
6,049
Mobbin 🤝 DesignCode UI - Quickly import design patterns using the @MobbinDesign plugin - Use UI Kit to place buttons, menus, cards - Spice up with custom fonts and backgrounds Designs by @titepommee
1
2
16
1,981
how to create a simple 3d icon in @splinetool full video: designcode.io/spline-ui-shap…
2
26
3,329
To turn Midjourney illustrations into vectors, you can use Vectorizer: vectorizer.io - Set 2 to 8 colors to reduce file size to 200kb. Learn more tips: designcode.io/gpt4-apps
intricate landscape wallpaper with vibrant night colors in the style of Firewatch video game art, san francisco bridge from above --ar 3:2 --v 4

ALT intricate landscape wallpaper with vibrant night colors in the style of Firewatch video game art, san francisco bridge from above --ar 3:2 --v 4

1
2
27
4,538
Load more