designcodeio's profile picture. We teach designers code & developers design.

DesignCode

@designcodeio

We teach designers code & developers design.

Pinned

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-ai


DesignCode reposted

I recorded a 45-min tutorial on how to prompt animations with Gemini 3


DesignCode reposted

So I asked Gemini 3 to turn my tweets into instagram slides. It created a template in HTML.


DesignCode reposted

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…

MengTo's tweet image. 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…
MengTo's tweet image. 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…
MengTo's tweet image. 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…
MengTo's tweet image. 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…

DesignCode reposted

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…


DesignCode reposted

I recorded a 37-min tutorial on how to prompt with Gemini 3 to get the best UIs


DesignCode reposted

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…

MengTo's tweet image. 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…
MengTo's tweet image. 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…
MengTo's tweet image. 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…
MengTo's tweet image. 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…

DesignCode reposted

I made a 31-min tutorial on prompting with GPT-5.1 to create amazing UIs. Insane how fast it is now.


DesignCode reposted

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.


DesignCode reposted

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.


DesignCode reposted

2 prompts to create a teaser page with liquid glass cards


DesignCode reposted

I recorded a 54-min tutorial on prompting beautiful landing pages using code references


DesignCode reposted

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.


DesignCode reposted

So Aura can now create a full site with multiple pages and a publish button From a template, you can one-shot new pages with incredible consistency This was the #1 request we had. With subdomains, page transitions and remix template.


DesignCode reposted

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.


DesignCode reposted

I recorded a 58-min video on how to create pro-level designs with AI using a few simple steps


DesignCode reposted

After generating 732 UIs and burning 100M tokens, here is my best AI design workflow 👇


DesignCode reposted

AI always generate the same designs, so here's how you can make your UI so much better in a 28-min tutorial.


DesignCode reposted

Did a 35-min podcast on how to prompt beautiful designs with @gregisenberg

how to prompt to get gorgeous UI and get 10x more out of Lovable, Bolt, Cursor, v0 (35 min tutorial)



DesignCode reposted

I can't believe how good Claude 4 is at generating responsive UI.


DesignCode reposted

I made a 45-min tutorial on how to improve your AI designs


Loading...

Something went wrong.


Something went wrong.