James McDonald's banner

James McDonald

@jamesm • 109,885 subscribers

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

Shorts

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

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

5,342,129 Aufrufe

Dusted off Claude to animate these icons 🧭

Dusted off Claude to animate these icons 🧭

47,494 Aufrufe

❌ ok... going to bed now

❌ ok... going to bed now

111,536 Aufrufe

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!

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!

61,628 Aufrufe

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

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

66,807 Aufrufe

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

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

22,066 Aufrufe

At last, Wireframe Design Studio is live 🎉 For the last few months, I’ve been designing and building a new home for Wireframe Design Studio—marking a new chapter for what the studio is. Collaborating with great people and working on fun projects. It’s very much a work in progress—and will continue to be. I’ve built some really unnecessary things on the site, but it’s been so much fun along the way. ↓

At last, Wireframe Design Studio is live 🎉 For the last few months, I’ve been designing and building a new home for Wireframe Design Studio—marking a new chapter for what the studio is. Collaborating with great people and working on fun projects. It’s very much a work in progress—and will continue to be. I’ve built some really unnecessary things on the site, but it’s been so much fun along the way. ↓

39,476 Aufrufe

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.

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.

35,290 Aufrufe

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.

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.

33,138 Aufrufe

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

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

26,604 Aufrufe

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

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

47,360 Aufrufe

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

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

20,725 Aufrufe

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.

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.

17,023 Aufrufe

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

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

21,868 Aufrufe

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

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

11,688 Aufrufe

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.

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.

14,176 Aufrufe

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

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

11,444 Aufrufe

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

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

13,597 Aufrufe

⚪️ A pretty cool glassy button on the wabi website

⚪️ A pretty cool glassy button on the wabi website

11,365 Aufrufe

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

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

15,813 Aufrufe

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

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

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

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

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

26,923 Aufrufe • vor 12 Tagen

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

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

22,251 Aufrufe • vor 28 Tagen

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

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

43,540 Aufrufe • vor 6 Monaten

Anyone else getting this weird palette UI in Figma?

Anyone else getting this weird palette UI in Figma?

22,253 Aufrufe • vor 3 Monaten

🪩 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!

107,493 Aufrufe • vor 2 Jahren

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

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

24,237 Aufrufe • vor 4 Monaten

🥳🏡 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! 💙

🥳🏡 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! 💙

82,548 Aufrufe • vor 2 Jahren

💸 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.

💸 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.

16,648 Aufrufe • vor 3 Monaten

Another hour spent in Claude playing with silliness.

Another hour spent in Claude playing with silliness.

17,759 Aufrufe • vor 5 Monaten

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

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

12,838 Aufrufe • vor 3 Monaten

🔥 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 😮‍💨😮‍💨😮‍💨

🔥 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 😮‍💨😮‍💨😮‍💨

26,554 Aufrufe • vor 1 Jahr

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.

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.

13,833 Aufrufe • vor 5 Monaten

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à.

27,883 Aufrufe • vor 1 Jahr

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

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

17,303 Aufrufe • vor 8 Monaten

Late night tinkering in Claude. Redesigning Wireframe Design Studio

Late night tinkering in Claude. Redesigning Wireframe Design Studio

11,587 Aufrufe • vor 5 Monaten

Almost went right on my arse! 🤣

Almost went right on my arse! 🤣

11,216 Aufrufe • vor 6 Monaten

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

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

18,495 Aufrufe • vor 1 Jahr

🤘🏻 I’m really pleased with how these dropdown containers turned out. It took some time to perfect the container color and background blur so they work seamlessly across both light and dark backgrounds. Dialing in the shadows to look good on both themes was a challenge as well! Pushing the boundaries on the Figma performance too 😅

🤘🏻 I’m really pleased with how these dropdown containers turned out. It took some time to perfect the container color and background blur so they work seamlessly across both light and dark backgrounds. Dialing in the shadows to look good on both themes was a challenge as well! Pushing the boundaries on the Figma performance too 😅

17,135 Aufrufe • vor 1 Jahr

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

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

16,149 Aufrufe • vor 1 Jahr