Meng To
@MengTo
Followers
127K
Following
36K
Media
1K
Statuses
28K
Founder at @designcodeio and https://t.co/Kpiogf2zVu. I teach designers code and developers design.
Singapore
Joined May 2007
I recorded a 37-min tutorial on how to prompt with Gemini 3 to get the best UIs
85
596
6K
I used the prompts and components in https://t.co/GqJwzEec6N Templates mentioned: https://t.co/3XQ4MqskhI
https://t.co/tIvD4Zie9E Resources mentioned: https://t.co/jUUN5wQBlv
https://t.co/SzD70DhFCI
https://t.co/BEUyDfmjCH
https://t.co/3HRT8RycUw
https://t.co/DKimVkLQsR Many
mobbin.com
Save hours of UI & UX research with our library of 400,000+ fully searchable mobile & web app screenshots.
3
5
34
I recorded a 50-min tutorial on prompting top-tier landing pages with Gemini 3
40
220
3K
I used https://t.co/GqJwzEec6N but you can totally use lovable, v0, cursor, etc. Get the templates here: https://t.co/3XQ4MqskhI
https://t.co/tIvD4Zie9E
https://t.co/rEpUccxfVP
https://t.co/3TWUORtzr5 A lot of people ask me about the animated background: it's made in
2
11
140
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
93
369
4K
So the tool I'm using https://t.co/GqJwzEec6N Instagram slides template: https://t.co/QTgyJR7bVH
https://t.co/6BPpflHDrF You can remix the animated background: https://t.co/zdVUezxubv Animated landing pages: https://t.co/vN8CP3idLp
https://t.co/zFXrMsiVi7 Here are all the
nebula.aura.build
View shared code snippets created with Aura Design
1
2
69
I recorded a 45-min tutorial on how to prompt animations with Gemini 3
62
602
5K
Play with the templates on https://t.co/GqJwzEec6N
https://t.co/nIoy0EqP0j
https://t.co/g4LIS8Fkec Here's the prompt: Turn this into 8 sections for instagram slides: each section is full-width with 3/4 aspect ratio card v-center h-center inside like a site section with
instagram-slides-02.aura.build
A reusable landing page template showcasing motion design and animation techniques for sleek, modern UI interfaces.
6
6
142
So I asked Gemini 3 to turn my tweets into instagram slides. It created a template in HTML.
79
98
2K
Opus 4.5 is available on https://t.co/GqJwzEec6N at same cost as Sonnet for a limited time. These templates were made with Opus 4.5 + Gemini 3: https://t.co/Df49WpNnEj
https://t.co/v0aigmJlB4
https://t.co/REHcpFPMdM
https://t.co/cyuhxLg3Pa Btw, we're starting to get a lot
1
0
26
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
31
29
542
The animations are live on https://t.co/GqJwzEdEhf
https://t.co/Gba3pfnvfE
https://t.co/A7z73dBTcq To help with the accuracy of the animations, I highly recommend including an existing component that has that particular animation (eg from https://t.co/GDyoFI25ih,
2
4
89
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
56
244
3K
The tool I'm using is https://t.co/GqJwzEec6N These are the templates in the video: https://t.co/l0ffA9KhIW
https://t.co/G9pOx9VtXA
https://t.co/GM8YcRrH6q
https://t.co/E3mzG1TeHp
https://t.co/iE74NKgddv You can get these Unicorn Studio remixes: https://t.co/znXfVlksXl
1
4
101
So this is all done in html in https://t.co/GqJwzEec6N. 1) https://t.co/l0ffA9KhIW 2) https://t.co/G9pOx9VtXA 3) https://t.co/GM8YcRrH6q I like having my design tools for editing the details. No matter how smart, it'll still make mistakes: wrong icons, bad images, misaligned
3
7
192
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
62
165
3K
These are all html done in a single prompt with a few edits in https://t.co/GqJwzEec6N Results are here: 1) https://t.co/VsmGJh35WC 2) https://t.co/wceqgzPt7W 3) https://t.co/ySBdYedlHf Two efficient ways to prompt: 1) Paste an image into the prompt and say "Change texts,
3
13
206
GPT-5.1 is so good at UI. These were done with minor edits. Let's look at the details. First, the colors. No more purple everywhere. Less of those floating blurred balls of gradients. It seems to favor supabase green more now. Shadows and glows are handled with more taste. AI
78
113
2K
GPT 5.1 is now available on https://t.co/GqJwzEec6N and it's really fast As with any AI, it needs a ton of context to create beautiful layouts and animations, so I highly recommend using the @ references. Resources mentioned: Dribbble: https://t.co/DKimVkLQsR Lapa Ninja:
aura.build
Generate beautiful designs in seconds using AI. Create web designs, mobile UI, animations and export to HTML or Figma.
0
3
44
I made a 31-min tutorial on prompting with GPT-5.1 to create amazing UIs. Insane how fast it is now.
35
153
2K