Meng To
@MengTo • 172,821 subscribers
Founder at @designcodeio and https://t.co/Kpiogf2zVu. I teach designers code and developers design.
Shorts
Videos
We might be entering an era where writing an incredibly detailed prompt matters more than building the landing page itself. With Fable 5 becoming this capable and this expensive, the prompt is quickly becoming the most valuable asset. This interaction was one-shotted. The level of polish and interactivity is insane.
Meng To69,635 просмотров • 14 дней назад
Before Fable 5 was pulled, we used it to prompt this landing page. It was ahead of its time.
Meng To138,361 просмотров • 1 месяц назад
Insane to see the iOS simulator in Codex. iOS dev is about to get way easier with this plugin.
Meng To149,946 просмотров • 1 месяц назад
I started quote-posting more because X clearly rewards it. It's also a great way to help both the original creator and yourself reach more people. After 19 years on Twitter/X, I still haven't hit 5M views in 3 months. So I'm pushing myself to be more consistent. I made this video for my team because I'm trying to help them grow from fewer than 100 followers.
Meng To51,778 просмотров • 15 дней назад
I recorded a 22-min tutorial on how to avoid AI slop for your landing pages
Meng To126,114 просмотров • 1 месяц назад
I recorded a 10-min tutorial on how to use Figma Motion and shaders.
Meng To65,490 просмотров • 24 дней назад
I recorded a 43-min video on how to turn a DESIGN.md into landing pages, mobile screens and motion design
Meng To217,244 просмотров • 2 месяцев назад
I recorded a 50-min tutorial on prompting top-tier landing pages with Gemini 3
Meng To502,607 просмотров • 7 месяцев назад
I recorded a 27-min tutorial on how to prompt beautiful landing pages with animated images 2.0
Meng To127,433 просмотров • 1 месяц назад
Gemini 3.1 Pro is so freaking good at making skeuomorphic user interfaces and animating them
Meng To326,535 просмотров • 4 месяцев назад
So this is a highly curated collection of 400+ DESIGN.md that’s editable and promptable. Just one click to change styles, turn into branding, mobile versions, slide decks and site sections like hero, testimonials & footers. It’s a superpower for creating landing pages & presentations.
Meng To207,057 просмотров • 3 месяцев назад
I recorded a 37-min tutorial on how to prompt with Gemini 3 to get the best UIs
Meng To323,097 просмотров • 8 месяцев назад
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 AI uses for the rest of the site consistently. “Create the hero section for my {app} called {name} in the style of {reference_site}”. Pro tip: use a screenshot and you’ll get way better results. Let’s get into the details. For icons, I prompt: “Use Iconify {icon set name}”. Most people use Lucide, but there are hundreds of open-source sets on Iconify like Solar, HeroIcons, Iconoir, Phosphor, etc. Just need to mention in the prompt. Same for custom fonts. For the animation, I prompt: “Animate fade in, slide in, blur in, element by element. Use 'both' instead of 'forwards'. Don't use opacity 0.”. This creates a subtle intro animation the first time users land on your page. Gemini 3 is an excellent animator. For example, I created the beam animation with this prompt: “Add noodles that connect and beam animate into the right circle. Add subtle details to the right beam animation circle with sonar and decorations.” For background animation, I use Unicorn Studio. Remix one of their templates and watch people click on your cover like crazy. What can I say, people love lasers. In the hero or right below it, social proof is super important. You can put ratings or logos, or both. For logos, you can prompt: “Animate the logos with marquee animation looping infinitely using duplicated items and alpha mask.”. Now the CTA. AI always creates basic buttons, which is fine 99% of the time. But Gemini 3 now sets a high bar for baseline design, so you will need to stand out. That’s why I put the extra human touch on animations and lickable buttons. I suggest browsing UIVerse and Codepen for buttons and reference the code in your prompt: “Change main button {code} and secondary button {code}. Add a 1px border beam animation around the pill-shaped main button on hover.”. Once you’re happy with the hero, you’ll want to craft new sections based on your business. Features, action plan, pricing, testimonials, FAQ, CTA and footer are the popular ones. Insert a screenshot and prompt “Adapt a new section, change texts, names and numbers”. Gemini 3 is very smart. It reads your existing styles and site concept and will tastefully mold new designs to fit perfectly into your current site. Finally, repeat the same prompts for icons, buttons and animations. Use midjourney images and remix using Nano Banana Pro. Ask ChatGPT to come up with better headlines, features, ctas, etc. Don’t skip the human part, this is where you’re irreplaceable. Start prompting top-tier landing pages and watch your numbers grow.
Meng To287,083 просмотров • 7 месяцев назад