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 görüntüleme

Dusted off Claude to animate these icons 🧭

Dusted off Claude to animate these icons 🧭

47,494 görüntüleme

❌ ok... going to bed now

❌ ok... going to bed now

111,536 görüntüleme

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 görüntüleme

✨ 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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

🔥 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 görüntüleme

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 görüntüleme

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 görüntüleme

🥳 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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

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 görüntüleme

⚪️ A pretty cool glassy button on the wabi website

⚪️ A pretty cool glassy button on the wabi website

11,365 görüntüleme

✨ 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 görüntüleme

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 görüntüleme • 12 gün önce

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 görüntüleme • 28 gün önce

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 görüntüleme • 6 ay önce

Anyone else getting this weird palette UI in Figma?

Anyone else getting this weird palette UI in Figma?

22,253 görüntüleme • 3 ay önce

🪩 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 görüntüleme • 2 yıl önce

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

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

24,237 görüntüleme • 4 ay önce

🥳🏡 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 görüntüleme • 2 yıl önce

💸 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 görüntüleme • 3 ay önce

Another hour spent in Claude playing with silliness.

Another hour spent in Claude playing with silliness.

17,759 görüntüleme • 5 ay önce

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 görüntüleme • 3 ay önce

🔥 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 görüntüleme • 1 yıl önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 8 ay önce

Late night tinkering in Claude. Redesigning Wireframe Design Studio

Late night tinkering in Claude. Redesigning Wireframe Design Studio

11,587 görüntüleme • 5 ay önce

Almost went right on my arse! 🤣

Almost went right on my arse! 🤣

11,216 görüntüleme • 6 ay önce

🥳 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 görüntüleme • 1 yıl önce

🤘🏻 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 görüntüleme • 1 yıl önce

✨ 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 görüntüleme • 1 yıl önce