743: JavaScript Figma Plugins & Working at GitHub With Cameron McEfee

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 15 March 2024

⏱️ 57 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

Wes and Scott welcome Cameron McEfee, a seasoned creative director whose journey spans GitHub, Sentry.io, and the innovative realm of JavaScript plugins with his creation, GuideGuide. Cameron explores plugin building, iterating on the iconic Octocat for GitHub, and shedding light on the multifaceted roles of a creative director. Show Notes 00:00 Welcome to Syntax! 01:06 Who is Cameron McEfee? 03:00 What does a Creative Director do? 09:47 In a creative and collaborative field, how do you deal with hurt feelings? 12:32 Experiences at GitHub (404/500 pages). 15:35 Who is responsible for all the Octocat variations? GitHub Octodex 17:18 Did you ever get in trouble for using famous IP? 21:07 Working at Sentry.io. 25:08 What is your illustration process? 27:04 What is GuideGuide? GuideGuide Moo Tokenizer/Lexer 33:13 Grid Notation. 36:10 Can ‘good colors’ be calculated, can good design be math’d? 40:46 What was the process of building your own plugin? 43:37 Adding guides with JavaScript APIs. 44:44 Recreating application UIs within plugins. GoodHertz 50:22 How are you architecting these plugins? 52:44 Sick Picks & Shameless Plugs. Sick Picks Cameron: Ember Mug Waterparks Spotify Execute Program Shameless Plugs Cameron: GuideGuide 50% off Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Transcript

Click on a timestamp to play from that location

0:00.0	Welcome to Syntax. Today we have a really great episode. We have Cameron McAfee on who has a very decorated pass.
0:10.0	He's worked at GitHub in the very early days.
0:13.5	He's worked at Century as a creative director.
0:15.7	And he's just one of those kind of cool guys
0:19.5	who seems to do it all.
0:22.3	Design, development, products,
0:25.0	it's really interesting to see someone
0:28.0	who just like make stuff happen,
0:30.0	whatever and whatever medium it is that they need to make it work on.
0:33.9	So we're going to be diving into that as well as something he's working on called Guide
0:38.2	Guide, which is a plugin for all the different software design apps out there.
0:46.3	Specifically, I'm curious about like,
0:47.7	how do you make a Figma plugin?
0:50.3	Because that's, it's kind of interesting
0:52.0	that you can just build plugins for
0:54.4	Figma with JavaScript so pretty stoked about that. Welcome Cameron
0:57.6	thanks for coming on. Yeah, thanks for having me. It's exciting to finally be
1:02.2	on this end of the microphone.
1:04.0	That's awesome.
1:07.0	So give us a rundown.
1:08.0	I know I gave a sort of half-asked explanation of who you are,
1:12.0	but give us your pitch of who you are and what you do.
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.