James McDonald

@jamesm • 109,885 subscribers

Design @lovable — Studio @wireframe Building @onlook_cam Icons @theiconicapp Co-host @shape_fm

Shorts

5,342,129 views

47,494 views

111,536 views

61,628 views

66,807 views

22,066 views

39,476 views

35,290 views

33,138 views

26,604 views

47,360 views

20,725 views

17,023 views

21,868 views

11,688 views

14,176 views

11,444 views

13,597 views

11,365 views

15,813 views

Videos

sweetdream.ai

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Private Show

Join now for exclusive access

Free preview available • Premium content

26,923 views • 12 days ago

22,251 views • 27 days ago

43,540 views • 6 months ago

22,253 views • 3 months ago

107,493 views • 2 years ago

24,237 views • 4 months ago

82,548 views • 2 years ago

16,648 views • 3 months ago

17,759 views • 5 months ago

12,838 views • 3 months ago

26,554 views • 1 year ago

13,833 views • 5 months ago

27,883 views • 1 year ago

17,303 views • 8 months ago

11,587 views • 5 months ago

11,216 views • 6 months ago

18,495 views • 1 year ago

17,135 views • 1 year ago

16,149 views • 1 year ago

Live Cam

James McDonald

Shorts

When you toggle the lights, the entire page dims to create a more immersive sense of the lighting Such a great design detail 💡

Dusted off Claude to animate these icons 🧭

❌ ok... going to bed now

I’m excited to share that I’m joining the team at Lovable ✨ I’m incredibly grateful for the opportunity to work with this unbelievably talented team—and I can’t wait to show everyone what we’re working on!

✨ Introducing Nestle Bring your Ring devices to your Mac’s menu bar. Still polishing a few features, and aiming to ship v1 soon. →

Finally found an excuse to use Jakub Antalik border beam component somewhere! 😎

Spent a few hours in Claude Code again this morning working on a new design for Wireframe Design Studio. I didn't write a single line of code.

Trying to do something a little more difficult each time in Claude Code. Focusing on animation stuff right now and its so much fun just seeing this shit come to life.

Spent last night playing around with a new idea for Wireframe Design Studio

🔥 Whoever at Attio is responsible for this... I salute you. Beautifully done!

Spent all of today in Claude Code again. Working on a redesign of Wireframe Design Studio This animation has taken me about 4 hours. LOL

Continuing the silliness in Claude Code. Keeping with the Wireframe Design Studio theme and added these cyan grid/content indicators that snap to the content.

🥳 Started a new project this week! Excited to team up with Alex Krasikov again 😎

Tinkered with this some more. Got some of the timings and animations running smoother. 😁 Wireframe Design Studio

Happy 2026! 🎉 Over the holidays we launched the new design for AccessGrid! We're still tweaking some fun stuff like animations, but I'm super excited about how it's looking already.

Added some extra things. You can now change the stroke width on the pen tool. It also has a subtle animation going to and from the centre of the tool tray when different tools are selected. Wireframe Design Studio

Why am I only just finding out about unicorn.studio?! I've not had this much fun playing around with an design tool in a while. Came up with this in like 10 mins!? SHAPE.FM

⚪️ A pretty cool glassy button on the wabi website

✨ We soft-launched the new Careers page on last week! Love some of the little design and animation details we included.

Videos

Watch Anya Live

🥳 Onlook — a beautiful new way to view your Ring devices on Mac, right from the menu bar. It's free and available now. ˗ˏˋ ˎˊ-

Had fun putting together a new section on Onlook: Ring devices on your Mac ✨ getting ready for launch.

My favourite Figma tool is the pattern feature. It lets me quickly fill large areas and explore different shapes and colour combinations to create strong visual motifs for hero sections and other parts of a design. Excited to see this new design come together for @yourmindcloud

Anyone else getting this weird palette UI in Figma?

🪩 Introducing the brand new Clerk ‣ Our entire team has been working tirelessly for the past few months to completely revamp the marketing site. I'm super proud of it and everyone involved in getting it out the door!

🔊 Sound on! Hacked together some open-source sound effects...

🥳🏡 Never in a million years thought that drawing rectangles for a living that I’d be able to buy my own house, never mind and investment property. Excited for the next few years! 💙

💸 Designing this pricing page for AccessGrid was tricky because it doesn’t fit the conventional layouts you typically see elsewhere. We wanted it to feel snappy and intuitive, so you can quickly glance at the costs for your specific use case.

Another hour spent in Claude playing with silliness.

New animation work for our client AccessGrid. They turned out great. As always! — Animation work by Alex Krasikov 🔥

🔥 One of the last projects I worked on was to redesign the components section on the homepage. I absolutely love how this turned out! Big props to Brad Cornes you nailed it with this 😮‍💨😮‍💨😮‍💨

A few things added to this silly experiment for the Wireframe Design Studio design. • A few new colors added • Keyboard shortcuts • Alt+drag to pan • Multiplayer (kinda half built) ...still having lots of fun.

How annoying is it when you can't find a company's logo in SVG format? I use a quick hack in Figma that lets me easily change the logo's color to whatever I need. 1. Add a rectangle layer on top of the logo layer. 2. Right-click and create a mask for the logo layer. 3. Voilà.

Any time I try to add a video to a shape in Figma I get a black image? Anyone any ideas how to fix?

Late night tinkering in Claude. Redesigning Wireframe Design Studio

Almost went right on my arse! 🤣

🥳 New project — Alex Krasikov and I joined forces to design and build Finta, a platform helping startups with bookkeeping and tax filing. 🚀

✨ New year, new project. Soft-launching Spara today! It's been great teaming up with Alex Krasikov on this 🔥