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

DesignCode

@designcodeio

We teach designers code & developers design.

置頂

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 已轉發

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 已轉發

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 已轉發

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 已轉發

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


DesignCode 已轉發

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


DesignCode 已轉發

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


DesignCode 已轉發

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 已轉發

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


DesignCode 已轉發

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


DesignCode 已轉發

I recorded a 44-min tutorial on how to prompt for ui


DesignCode 已轉發

Prompt builder to generate designs with live preview Remix from 780+ templates, iterate quickly and bring your UI code to cursor or figma. I took 7 days to completely recode everything from Swift to React. 50k lines of code. With AI, the platform code is almost irrelevant since…


DesignCode 已轉發

This is the prompt builder I wish I had when I started vibe coding I did over 10,000 prompts and I put all my knowledge of UI into this builder. It has all the layout, color, typography and animation styles you can think of. It can even input html, figma url and adapt from…


DesignCode 已轉發

I dropped 2 more prompting guides for animation and typography This has a prompt builder that is insanely useful. Lots of types of animations, timing, techniques, examples & recommended prompts. My first guide was shockingly popular drawing 3k users in 24h. So thank you!


DesignCode 已轉發

I made a guide for prompting impressive UI code After creating 120 components in a week while working on Aura, listed all the techniques I used: frameworks, styles, framing, html-to-code, image-to-code, etc. AI is getting so good at creating user interfaces.


DesignCode 已轉發

Figma to AI back to Figma This is a great loop for design explorations and gain back full control of the results. You can ask Aura to create new components, icons, graphics and entire screens based on existing design systems. All fully layered, nested and based on your prompt.


DesignCode 已轉發

So Aura took 3 weeks, inc the Mac app and the site. This is insane because DreamCut took me 3 months. It was my first time making a Mac app and my first time working with @supabase. Thoughts about the full dev below.


DesignCode 已轉發

This is how I built my first macOS app. A free 34-min tutorial.


DesignCode 已轉發

I'm building an open-source UI Kit with lovable This is going to have hundreds of customizable components with prompts, guides, templates and source code to accurately redesign UI with AI. 99% coded with AI. I burned through 1000+ prompts in lovable, windsurf and cursor.


Different ways to design a dashboard 👀 1 2 3 or 4?

designcodeio's tweet image. Different ways to design a dashboard 👀 1 2 3 or 4?
designcodeio's tweet image. Different ways to design a dashboard 👀 1 2 3 or 4?
designcodeio's tweet image. Different ways to design a dashboard 👀 1 2 3 or 4?
designcodeio's tweet image. Different ways to design a dashboard 👀 1 2 3 or 4?

cooking for the new ui kit 👀

designcodeio's tweet image. cooking for the new ui kit 👀

Loading...

Something went wrong.


Something went wrong.