DesignCode
@designcodeio
Followers
23K
Following
1K
Media
54
Statuses
427
We teach designers code & developers design.
Singapore
Joined August 2018
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: https://t.co/xv3oEaFo8H
13
41
429
How I turn my templates into real landing pages. Works for any vibe coding platform or site. This is my full guide. I start with Gemini 3. I copy the HTML code and paste to Cursor/v0/lovable and prompt "Create a new landing page /page-name using this design but adapted to
28
32
423
I recorded a 50-min tutorial on prompting top-tier landing pages with Gemini 3
84
641
7K
How I created these landing pages with Gemini 3 from start to finish First, I start with the hero section. It includes the nav bar, eyebrow, headline, subheadline, cta, social proof and visual. I spend 50% of the time here because it sets the colors, typography, spacing, which
99
412
4K
I recorded a 45-min tutorial on how to prompt animations with Gemini 3
62
604
5K
So I asked Gemini 3 to turn my tweets into instagram slides. It created a template in HTML.
79
97
2K
Claude 4.5 Opus is actually a big upgrade. Great vision, better understanding of layout, colors, typography and animations. But still not quite Gemini 3 Pro. Honestly, it doesn't have to be. It's faster, more stable and is a beast at coding. Outside of UI, it managed to solve a
32
29
547
Gemini 3 is the best model at creating animations. It's not even close. Here are the prompts I used for creating these UI animations. You don't need animations everywhere, but there are key places where it can enhance your design: the hero intro, hover interactions, slow
57
241
3K
I recorded a 37-min tutorial on how to prompt with Gemini 3 to get the best UIs
91
603
6K
Okay, as a designer, I'm over the moon with Gemini 3. You can create far better results with the right prompting and references. Let's get into the details. So I started underwhelmed. A non-descriptive "create a landing page" will give you generic purple results. Barely better
64
164
3K
I made a 31-min tutorial on prompting with GPT-5.1 to create amazing UIs. Insane how fast it is now.
35
154
2K
A lot of people struggle with presentation so I made this mockup tool for live html Works with any image, animated background and overlay. Just place your live site.
24
21
419
I accidentally created a mockup tool with live html Don't let designers use Cursor composer-1, it's insanely fast to create tools. Also, we can't stop ourselves.
38
58
1K
I recorded a 54-min tutorial on prompting beautiful landing pages using code references
25
131
2K
I have a 120/m sub to midjourney. I created a massive library of 19k images that you can use for your sites. Use them to remix, combine with attachments, remove bg or upscale. Right in the design tool.
8
11
210
Remixing images with AI is so powerful in the design tool I can rebrand any image by going to any logo and prompt: Change to "BRAND NAME”. Also I can create any variation for icons, portraits, mockups, etc.
14
17
397
I recorded a 58-min video on how to create pro-level designs with AI using a few simple steps
54
280
3K
After generating 732 UIs and burning 100M tokens, here is my best AI design workflow 👇
31
86
2K
AI always generate the same designs, so here's how you can make your UI so much better in a 28-min tutorial.
22
172
2K