DesignCode (@designcodeio) 's Twitter Profile
DesignCode

@designcodeio

We teach designers code & developers design.

ID: 1028128482193235968

linkhttp://designcode.io calendar_today11-08-2018 03:58:26

397 Tweet

21,21K Takipçi

6 Takip Edilen

Meng To (@mengto) 's Twitter Profile Photo

Should I do a beginner course on lovable? - Basic Figma to code & edit styles - Tailwind w/ AI crash course - Animation prompt techniques - Set up Supabase auth / user content - Github sync / edit in Cursor (optional) - Database, storage, apis / basic security - Payments with

Meng To (@mengto) 's Twitter Profile Photo

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.

Meng To (@mengto) 's Twitter Profile Photo

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.

Meng To (@mengto) 's Twitter Profile Photo

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.

Meng To (@mengto) 's Twitter Profile Photo

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.

Meng To (@mengto) 's Twitter Profile Photo

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!

Meng To (@mengto) 's Twitter Profile Photo

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

Meng To (@mengto) 's Twitter Profile Photo

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

Meng To (@mengto) 's Twitter Profile Photo

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.

Meng To (@mengto) 's Twitter Profile Photo

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.