I recorded a 50-min tutorial on prompting top-tier landing pages with Gemini 3

After a year working on 1350+ icons, illustrations and a full-blown editor, we’re finally launching Shape.so 🙌

We just moved to Singapore. It’s a dream to live here. ⁃ 26-31º all year ⁃ Super safe & clean ⁃ Great education & services ⁃ Started a company w/ Sleek ⁃ Sponsored my own visa Rent is expensive (5k), but everything else is affordable, esp taxi and food. Canada has been my home most of my life. It’s generous in space, friendly and peaceful. But my dream was to work in the US. I did for a year, until they kicked me out. Defeated, I went on to travel for 2 years. We fell in love with Singapore and Japan. Didn’t think it was possible to live there because of visas. Then I started @designcodeio and became financially independent. To be near family, we settled back in Canada. We had 2 kids and bought a big house. Life was good. But we only felt alive in the summer, and we always wanted to travel. We just love Asian food and we keep referencing Japan for everything: sushi, ramen, tea, wagyu (told my kids it’s called melt-in-your-mouth), perfect strawberries, muscat grapes, etc. After our Japan/SG trip last winter, it was clear that we wanted to move there permanently. I started to look at Vancouver, Japan or SG to be closer to Asia. After a failed visa attempt and a few tweets, people suggested starting a company and sponsoring my own visa via Sleek. I had no idea such a service existed. Fast forward a couple of months, we were approved and ready to move! The kids are having a blast at the kids parks, shopping malls and swimming pools. So much to explore. It’s still honeymoon phase, but we’re going out almost every day and love that it’s full of Japanese restaurants and groceries (Don Don Donki). Lots of spicy food here, so the kids always prefer Japanese food or fast food. We avoid the latter. As someone who cooks, I appreciate the high-quality ingredients. We plan to visit Japan multiple times a year during the spring break (cherry blossom, they have 2-3 weeks here!), long summer, fall break (yep!) and winter. Of course, we’ll visit other places too, such as Vietnam, Thailand, Australia and Europe. Most importantly, we won’t need to hibernate anymore. Moral of the story: don’t go to Japan. It’ll spoil you.

This is all CSS. Love perspective transforms.

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

I just renewed my Singapore visa for 3 years. It’s a paradise here. - 5-15% income tax for high income (100k to 500k). No capital gain tax, 9% sales tax, no-tipping culture. - English speaking and top schools for our kids. Best medical system I've experienced. - 26-32º all-year with warm rains. Can swim every day. - Best food on earth (except Japan). So many Japanese restaurants/groceries! - Extremely safe & affordable services like helpers, tutors, transport (grab, lalamove), etc. Everything has agents. World-class MRT and Airport. 2 years ago, I sold everything and moved to Singapore from Canada. I was paying over 150k in taxes every year (50%+). I had a huge house, a swimming pool, a small boat but could only enjoy most of them in the summer. So Singapore has extremely expensive rent, comparable to SF. BUT the money we’re saving in taxes more than makes up for it. The more you make, the more you save. If you invest, you pay no tax on gains. Revolut, Wise and Moomoo are my go-to apps for transfers and investing. Starting a company and managing visa/accounting/paperwork is a breeze thanks to Sleek. The first year, I was shocked that I only had to pay 5k in taxes. LOL. No paperwork, bc taxes are pretty much auto-reporting. Log in, report, pay, done! ID using Singpass is crazy efficient. PayNow QR code scan & pay is frictionless. Schools for foreigners are relaxed compared to local schools, and we found one that is extremely affordable (less than 15k a year). They have door-to-door bus services, which saves a lot of time for busy parents. Kids activities, ECA, daycares are widely available without the need to fight for availability (a huge issue we had in Quebec). Medical is so so good. For stuff like dental, general sickness like fever, pains, chiro, it’s basically same-day or drop-in 15-min. They typically cost 50-100 SGD a visit without insur coverage. In Quebec, we were def fighting for an appointment, calling at multiple places, getting appointments in 1-3 days and costing 150 CAD. Yes, healthcare was free, but only if you’re okay waiting 20 hours in a hospital or days before getting an appointment EVEN for private ones. You won't find any at the public ones, just go to a hospital. Food is cheaper (hawker centers) and higher quality (a LOT from Japan & Australia) than what we had in Canada. Don Don Donki is insane, but it’s not the only thing Japanese that we fell in love with, hard. Like Sushiro is so so good. Gyukaku, Ippudo, Sushitei, Ichiban Boshi, Daiso… Feels like Japanese things have grown 10x in the past 5 years. And they’re affordable! You can find Wagyu almost as easily as organic food. Japanese strawberries, Muscat from Korea, China, incredible salmons, teas. My kids are obsessed with salmon and mentai since moving to SG. Furnitures are incredibly unique, tasteful and with high-quality materials like ceramic and wood. I was shocked at the quality for cheaper prices than Ikea! Amazon is still useful for international stuff, but for more unique items, Shopee and Lazada are amazing. I can go on forever about Singapore. Lately, we started feeling like we already retired (living next to water, with palm trees, hot weather and amazing amenities), but we’re so full of energy and I’ve never worked so hard (as you’ve seen with Aura and DreamCut).

midjourney final design

midjourney 👉 vector 👉 web design

After months of building a SwiftUI app, writing each step and recording from scratch, I’m releasing my biggest course yet. designcode.io/swiftui2

Today I learned that you can use auto-fit in CSS Grid to wrap the content. No more media queries. 🤯

What a dream to design and code at 6K

I'm building my dream video editor with Claude AI 11k lines of code, 685 commits, 3 full weeks. Cursor, Tailwind, React, Firebase. Web-based, cloud saves, versions, can edit on mobile. This video was recorded using the tool. Never in a million years I thought I was capable but here we are. AI is a multiplier.

Interruptible animations are awesome. I can't stop playing with this.

shiny card in react + css thanks to gpt4

Angle 3 is here with over 1000 device mockups in full vector for Sketch, Figma and XD: Angle.sh 🙌

I asked gpt4 to prototype this animation in swiftui. didn't write anything.

Introducing dreamcut.ai A video editor I built from scratch using Claude AI. This took 3 months and over 50k lines of code. I totally skipped design and went straight to code. Currently in early access. You can test out the AI tools with a free account.

Angle AR concept. Was hard getting the shadows, lighting and 3D model to look good. Image detection is amazing in ARKit 2!

A trick with union and corner radius in @figmadesign

This is the best implementation of AI to design I've seen so far

I made a design tool. 95% of it was coded by Claude AI. svg.designcode.io You can design, animate SVG patterns and export to vectors, png, video or GIF. Use presets, save designs and share urls. Works great on mobile and web. 10k lines of code. The future is insanely fun.

I made a plugin that turns figma designs to code using Claude AI Works with HTML, CSS, Tailwind, SwiftUI, Flutter, etc. This is production level code and you can enter custom prompts like "make it functional" or "add hover states". Oh and it's free. You can use your api keys.

You can create pretty cool CSS blending effects with backdrop filters and multiple inner shadows

midjourney formula for crafting app icons: "Beautiful {platform} icon for {describe app}. Concept {concrete objects}. Flat render, subtle gradients, no letters."

My 8yo son built a Three.js site with zero coding experience He used Claude AI and let Cursor apply all the code for him. He actually made several projects including 2 platformer games, a drawing app, an animation app and an AI chat app. ~2 hours spent on each. I only helped him set up Cursor, Git and Netlify. Code is a design tool and you don’t even need to code anymore.

I didn’t write a single line of code for this 🤯

SwiftUI seriously feels like a prototyping tool, but I'm actually building a real app. 🤯

Last year, I didn’t know if we’d make it. I was wrong. - Hired 8 early designers and devs - 50% designers - 14 people - 100% self-funded We made 1M CAD in revenue. We don’t fight about code or design, we only execute and learn. We focus on making our customers happy.

You can use CSS transform-origin to perfectly align your perspective transforms

Working on a design course made for coders who want to learn just enough visual design to be dangerous

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

1-month update after moving to Singapore ⁃ Lots of brief rain showers. Not as hot as anticipated. ⁃ Balcony is a second living room. No need for AC during the day as fans are enough. ⁃ Children enrolled at an international school for 14k/year ⁃ Housekeeping for 75/week ⁃ Food/grocery deliveries in 30 mins! ⁃ Asian versions of Amazon are unique, high-quality and 3x cheaper ⁃ Met 5 founders in the Silicon Valley of SG and attended 2 meetups ⁃ Traveling to Japan tomorrow! 2h timezone difference so no jet lag.
 Let me elaborate on the points mentioned. The weather in SG has been mild in July(24-32°C) and can surprisingly be cool at times, especially during the mornings and nights due to rain. There are somewhat frequent but short thunderstorms. We don’t use the AC much during the day as the fans are enough. It’s hot and humid but you never have to walk more than a few blocks before you find a mall or MRT link (shopping mall connected to MRT). We don’t think twice before going out. We now take the MRT/bus often, which costs 1$ per one-way trip! Lots of shops and restaurants are underground. Since apartments are small, every inch is used creatively, especially the large balcony. We use it regularly for morning coffee/work and lunch/dinner. We have Ziptrak blinds, which protect from rain and turn it into a room with walls. There are no mosquitoes or flies. It’s nice and windy most of the time. The condo has amazing facilities like a concierge, multiple swimming pools, teppanyaki terraces, jacuzzi, party rooms, gym, kids' playground, etc. We transitioned from 3k square feet to 750. It’s quite a shift, but we don’t feel cramped and it’s nice to not have to take stairs for everyday tasks like cooking or cleaning. Don't get me wrong, we’d love to have a larger space, but the advantages of being in downtown SG far outweigh the disadvantages. Having a big house came with its own responsibilities, especially in Canada with 4 seasons where you had to mow the lawn, open/close the swimming pool, clean large areas, shovel snow in the winter, etc. International schools range from 14k to 60k. We’re planning to switch them to public schools, but it’s competitive as SG is renowned for its education system. We visited 3 schools and found one that the kids liked for 14k/year each. We used an agent for placement. By the way, for every service, there’s an agent available on WhatsApp. Housekeeping costs about 25/h, so it's quite affordable for busy parents. We found tutors, nannies, laundry, and housekeeping services within an hour via an agent. Okay, so Grab is a game changer. We use it for taxis, food delivery, cashless pay and even grocery delivery. Unlike in Canada, where tips/taxes (15%+15%) are high and frankly annoying especially when no service is involved, in SG, tips are not common and taxes are at 8%. Service charges (10%) are only for restaurants with table service. So for Grab, there is only a 3$ delivery fee and 0.4$ platform fee, no tip, and no markup fees. Items are priced the same as in the grocery store. For example, on Instacart, Costco charges 10-20% more for items! Here, I got my favorite grocery store Don Don Donki to deliver in 30 mins! Their ready-to-eat meals are amazing. In Singapore, I use Shopee, which is an Asian counterpart to Amazon, similar to AliExpress. Deliveries take 2-8 days, cost 1$ per item, but the prices for items are usually 3x cheaper, except for international brands. They’re priced like a dollar store. The quality is surprisingly good. A lot of stylish solutions for everyday problems such as organization, cooking, cleaning and even grocery shopping are available. These items don’t exist on Amazon, which I used almost exclusively in Canada.

My SwiftUI course is here! I built this app from scratch so I can teach every single step, from building an adaptive UI, to animating it and adding gestures designcode.io/swiftui?promo=…

I recorded a 26-min tutorial on how to set up Claude MCP to create 3D in Blender

only a few lines of code to create scroll transitions in swiftui

gpt4 made this prototype for me with some styling of my own. the code is easy to change.

I’m just shocked at how good the iPhone 11 Pro cameras are.

I recorded a complete 5-hour course where I'm building an iOS app using Cursor 95% was coded by Claude AI. The rest (the animations, the workflow and UI fixes) is where AI falls short and what I spend a lot of time teaching. Code and projects provided. You can watch the entire course: designcode.io/swiftui-ios18-…

I adapted my SwiftUI app for iPad and Dark mode. Can’t wait to release this.

A creator’s dream setup.

A very shiny card in SwiftUI inspired by @alexwidua

Gotta love CSS prefers-color-scheme

My SwiftUI course for iOS 14 is here! Learn to build a multi-platform app using lazy grid, matched geometry effect and UI animations designcode.io/swiftui2

I made this in SwiftUI with Cursor and Xcode So Claude AI is actually great at iOS development. Prompt in Cursor and preview/build in Xcode. SwiftUI makes it incredibly easy to apply custom styling and animations on top of it. If you're starting out, it's really fun. There is no library to install, no server to run. Apple provides everything.

I made a SwiftUI app with animated icons

Turned my closet into a recording room.

Using offsets to animate 2 cards to full-screen in SwiftUI.

I should use 0.5px borders more often

My Singapore setup. This monitor traveled 9k miles.

SwiftUI is so much fun. I love this ability to inspect, edit the UI and drag & drop new controls to turn into code.

This is how easy it is to implement Lottie animations. Designers can treat these as assets so that engineers don’t have to manually code these animations.

Couldn't help myself and designed a Big Sur app for @designcodeio

I created a responsive site with an interactive 3D asset. This feels like the future.

CSS parallax + 3D transform based on mouse position

What is this sorcery. 2 lines of code to create this transition.

The best way to teach someone is to give them the necessary tools, a real project and a deadline. Without a real project, the lessons won’t stick, and without a deadline, they won’t feel the urgency to learn.

This is how I would start UI design for iOS in 2022 👇

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

There’s so much you can do with SwiftUI. You can animate gradients, blending modes, call multiple screens and pair with gestures. This is next level prototyping. 👌

Can't imagine myself building this in a day without Claude AI

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

Gestures and Blend Modes in SwiftUI. So easy to iterate.

CSS * is so good for applying transitions to all children 😍

So in love with the view at our new house. 😍

I’m thinking of doing a full video course about UI design: layout, colors, hierarchy, proportions, composition, starting mobile/web designs from scratch, etc. A deep dive into my own process of design and code. Would there be any interest?

Brand new site of Design+Code is live! Completely redesigned, 100+ new tutorials, certificates and a new React Hooks course designcode.io

So you can use SwiftUI in React Native 🤯

My free @Webflow course is here! I’m teaching how to build a full site using CSS techniques, advanced interactions, Lottie, CMS, forms and payments. All without writing code. designcode.io/webflow-course

Teaching SwiftUI at... Apple? Heck yes! My younger self would have loved to work there. 😍

Translucent UI using the back camera

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

At this point, I'm creating a design tool with Claude AI

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

Early access to my new SwiftUI course is live on designcode.io — you’ll be able to start building this app with me 🙌

At this point, I'm considering SwiftUI to be a design tool. I've been trying almost every effect so I can explain what each does and how to use them effectively for design.

After 6 months in the making, I'm releasing Angle 2 with over 500 devices and mockups in a giant Sketch Library. On top of that, we're making the Angle Plugin free! designcode.io/angle

Unsealed my Pro Display XDR for the first time 😍

Vibe coding is real. 1 month later, Aura hits 15k MRR and 21.7k users. I soloed this project from scratch and made a cursor for design. Our entire design team is using it daily and we don’t use Figma anymore. Here are a few tips for vibe coding your own app. Don’t just vibe code, vibe design as well. Too many spend too little effort in design. AI likes to generate basic UIs, so make sure to provide templates, urls, images, figma, etc. Starting with a meh UI will permeate the rest of your app. That’s because AI uses the initial design as a blueprint. So, spend some time vibe designing components, styles, cards, buttons and use resources like 21st dev, tailwind, reactbits, uiverse, aura, etc. Don’t just use Claude 4 Sonnet. 90% of my prompts are with Claude 4, but it’s not perfect. Sometimes, it gets blocked and repeat the same mistakes over and over. So I switch to Gemini 2.5 Pro or o3 for second opinions. I tried Opus but that didn’t solve harder problems, and the cost isn’t worth it. Don’t expect to one-shot things. Those are the worst results because you won’t understand what the heck is going on. Instead, do incremental changes, read the logs and comments. Learn basic code and security. As your app gets more complex, this is even more crucial. Before you say that vibe coding apps are impossible when they’re big, Aura has 118k lines of code. The context is in your brain. AI isn’t that good at knowing where things are. EVEN if you attach your entire codebase (costly!) or create rules, AI gets confused a lot. It doesn’t remember. 99% of the time, I prompt with a file or two attached. The best results I get are by starting with a simple file and let AI be the detective. You gotta be creative at rephrasing/reframing your prompts. Most people quit at the first prompt. But often, you can only solve hard problems after the 3rd attempt. Know your vocabulary, seek alternatives, simplify your goals, make small jumps.

You can build iOS apps with Cursor and Claude AI even as a beginner You got SwiftUI for UI/animations, GitHub Copilot for code completion, ChatGPT for reading files in Xcode and Cursor Composer for writing code for you. I'm teaching all that in my new course designcode.io/swiftui-ios18-…

Can't wait to show you dark mode 🖤

SwiftUI Lazy Grid makes this animation super adaptive

Pretty much going to teach how to build a full site entirely in @Webflow. Free course coming next week.

The MacBook Pro 16-inch does surprisingly well with the Pro Display XDR. I rarely hear the fans.

This CSS structure worked wonders for me

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

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.

Smart Animate in @figmadesign 🔥

I use this CSS for all my adaptive layouts with floating background elements

Was inspired to design an iOS 14 app for my new SwiftUI course

Yep, it can be done in SwiftUI with scroll and gestures. Can't believe I can turn this into a real app.

I put a huge collection of icons on @figma figma.com/community/file/121…

Was wondering how to create that peek scrolling in iOS.

my wallpapers are available on @figma 👀 figma.com/community/file/121…

My UI design course for developers will launch next week on June 16

I’m working on a UI design system for @figma and @framer - 200+ components with properties like light/dark, size, state and icons - Color/spacing variables, so easy to change entire system - Fully themed sections and templates - Ready to publish to Framer Anyone interested? What do you want to see most?

midjourney vectors to web design

This is my new course on building your dream apps with Claude AI designcode.io/cursor I’m detailing all my tips and techniques that went into making my video editor and svg pattern builder. Everything from building with Cursor, ideation, generating UI, prompting to full stack web dev with React, Tailwind, Firebase, Stripe, etc. I’m recording the whole course with my video editor.

The M1 iMac is so fast and quiet. What a dream setup with the Pro XDR.

100% vector devices + free plugin. Coming to @figmadesign . .