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 年前