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 просмотров

Dusted off Claude to animate these icons 🧭

Dusted off Claude to animate these icons 🧭

47,494 просмотров

❌ ok... going to bed now

❌ ok... going to bed now

111,536 просмотров

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 просмотров

✨ 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 просмотров

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 просмотров

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 просмотров

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 просмотров

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 просмотров

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 просмотров

🔥 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 просмотров

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 просмотров

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 просмотров

🥳 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 просмотров

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 просмотров

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 просмотров

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 просмотров

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 просмотров

⚪️ A pretty cool glassy button on the wabi website

⚪️ A pretty cool glassy button on the wabi website

11,365 просмотров

✨ 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 просмотров

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 просмотров • 12 дней назад

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 просмотров • 28 дней назад

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 просмотров • 6 месяцев назад

Anyone else getting this weird palette UI in Figma?

Anyone else getting this weird palette UI in Figma?

22,253 просмотров • 3 месяцев назад

🪩 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 просмотров • 2 лет назад

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

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

24,237 просмотров • 4 месяцев назад

🥳🏡 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 просмотров • 2 лет назад

💸 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 просмотров • 3 месяцев назад

Another hour spent in Claude playing with silliness.

Another hour spent in Claude playing with silliness.

17,759 просмотров • 5 месяцев назад

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 просмотров • 3 месяцев назад

🔥 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 просмотров • 1 год назад

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 просмотров • 5 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 8 месяцев назад

Late night tinkering in Claude. Redesigning Wireframe Design Studio

Late night tinkering in Claude. Redesigning Wireframe Design Studio

11,587 просмотров • 5 месяцев назад

Almost went right on my arse! 🤣

Almost went right on my arse! 🤣

11,216 просмотров • 6 месяцев назад

🥳 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 просмотров • 1 год назад

🤘🏻 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 просмотров • 1 год назад

✨ 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 просмотров • 1 год назад