Code & Pixels

24 Episodes
Subscribe

By: Adekunle Oduye & Kelly Harrop

A couple of UX Engineers, navigating the intersection between design, development and everything inbetween.

24: Danny Banks - Style Dictionary
06/17/2025

We're joined by Danny Banks, who shares his experience working on Style Dictionary as a Principal Design Technologist at AWS.

Episode Links:

Style Dictionary: https://styledictionary.com/Tokens Studio: https://tokens.studio/Astro:https://astro.build/Goose: https://block.github.io/goose/ 

Socials:

Website: dbanks.designBluesky: @dbanks.designGithub: github.com/dbanksdesign 


23: Cohost Corner - Support & Office Hours
05/20/2025

Join our cohosts as they chat about their own experiences with support and office hours.


22: Cohost Corner - Managing Frontend Dependencies
04/08/2025

Join our cohosts as they chat about their own experiences managing frontend dependencies!

Links:

pnpm node compatibility: https://pnpm.io/installation#compatibility nx dependency graph: https://nx.dev/nx-api/nx/documents/dep-graphvolta: https://volta.sh/


21: Steve Saul - Design Engineering at Scale
#21
10/01/2024

We're joined by Steve Saul, who shares his experience as a Design Engineering Manager at Facebook (Meta).

Episode links:

Meta: https://about.meta.com/ Doug DeMarco: https://www.dougdemarco.com/

Socials: 

Linkedin: https://www.linkedin.com/in/sjsaul/


20: Scott Jehl - Web Performance
#20
09/03/2024

We're joined by Scott Jehl, who shares his experience as an independent Experience Designer/Developer.

Episode Links:

CLS (Cumulative layout shift): https://web.dev/articles/cls First paint: https://developer.mozilla.org/en-US/docs/Glossary/First_paint INP: https://web.dev/articles/inp WebPageTest: https://www.webpagetest.org/ Lighthouse: https://developer.chrome.com/docs/lighthouse/performance/performance-scoring React Server Components: https://react.dev/reference/rsc/server-components 

Socials:

Website: https://scottjehl.com/Linkedin: https://www.linkedin.com/in/scott-jehl/Twitter: https://x.com/scottjehlGithub: https://github.com/scottjehl


19: Mike Aparicio - Scaling CSS in Design Systems
#19
08/06/2024

We're joined by Mike Aparicio, who shares his experience as a Principal Design Systems Engineer at Turquoise Health.

Episode Links:

Pit Viper (TQ’s design system): https://pitviper.turquoise.healthGridless Design: https://gridless.designA Global Design System: https://bradfrost.com/blog/post/a-global-design-system


Mike's Socials:

Website: https://mikeaparicio.comLinkedin: https://www.linkedin.com/in/mikeaparicio/Twitter: https://x.com/peruvianidol (mostly Mastodon though)Mastodon: https://mastodon.social/@peruvianidol Github: https://github.com/peruvianidol


18: Michelle Chin - Design Ops
#18
07/02/2024

We're joined by Michelle Chin, who shares her experience as a Design Advocate at Zeroheight.

Episode Links:

Design Ops Summit: https://rosenfeldmedia.com/designopssummit2022/Design Ops Assembly Slack: https://www.designopsassembly.com/zeroheight: https://zeroheight.com/Global Pattern Library: globalpatterns.orgCoaching - From the Margins: fromthemargins.tech


Michelle's Socials:

Website: fromthemargins.techLinkedin: https://www.linkedin.com/in/michelletchin/Twitter: https://x.com/soysaucechin




17: Jina Anne - Leveling Up in Design Systems
#17
06/04/2024

We're joined by Jina Anne, who shares her experience as a founder of Clarity and Co-chair of the Design Tokens W3C Community Group.

Episode links:

Design Tokens Working Group: https://www.designtokens.org/Design Systems Slack: https://join.slack.com/t/design-systems/shared_invite/zt-1qimjp2dz-1pU~KCwcKmUcToOBLZ_VSQ Joey Banks Figma Courses: https://www.baselinedesign.io/ 


Jina's Socials:

Website: https://www.jina.meLinkedin: https://www.linkedin.com/in/sushiandrobots/Twitter: https://www.twitter.com/jinaGithub: https://www.github.com/jina


16: Amber Feinerman - My Career Journey As a UX Engineer
#16
05/07/2024

We're joined by Amber Feinerman, who shares her experience as a Senior Product Designer working on Design Systems at Netflix.

Episode links:

Una Kravitz + Adam Argyle: https://www.youtube.com/watch?v=APhECDy2U3UAccessibility certification: https://www.accessibilityassociation.org/s/wascertificationDesign system university: https://designsystem.university/

Amber's Socials:

Website: https://amberis.online/Linkedin: https://www.linkedin.com/in/amberfeinerman/Twitter: https://twitter.com/amberfeinermanGithub: https://github.com/amberfeinerman


15: Donnie D'Amato - What's a Component
#15
04/16/2024

We're joined by Donnie D'Amato, who shares his experience as a founder & Chief Architect at Design Systems House.

Episode Links:

Knapsack: https://www.knapsack.cloud/Zeroheight: https://zeroheight.com/Figma: https://www.figma.com/files/recents-and-sharing?fuid=553361873932381617Cypress: https://www.cypress.io/Guidepup: https://www.guidepup.dev/ADP List: https://adplist.org/The End (blog post): https://blog.damato.design/posts/the-end/

Donnie's Socials:

Website: https://donnie.damato.design/Linkedin: https://www.linkedin.com/in/fauxserious/Twitter: https://twitter.com/donniedamatoGithub: https://github.com/ddamato


14: Aziz Ramos - UX Engineering as a Competitive Advantage
#14
07/18/2023

We're joined by Aziz Ramos, who shares his experience as a UX Engineer working on design systems at Peloton.

Episode Links:

Peloton: https://www.onepeloton.com/Specify: https://specifyapp.com/Tokens Studio: https://tokens.studio/Style Dictionary: https://amzn.github.io/style-dictionary/Theo: https://github.com/salesforce-ux/theo

Aziz's Socials:

Website: https://notansari.com/Linkedin: https://www.linkedin.com/in/aziz-ramos/Dribbble: https://dribbble.com/azizramos 


13: Natalya Shelburne - Teaching & Design System Leadership
#13
06/13/2023

We're joined by Natalya Shelburne, who shares how her teaching background has influenced her leadership role as a Staff Manager in Design Infrastructure at GitHub.

Episode Links:

Primer: https://primer.style/Design engineering Handbook: https://www.designbetter.co/design-engineering-handbook/

Natalya's Social:

Website: http://www.artist-developer.com/ Linkedin: https://www.linkedin.com/in/natalyashelburne/Github: https://github.com/Twitter: https://twitter.com/natalyathree 


12: Donna Vitan - Multi-Brand Design Systems
#12
05/17/2023

We're joined by Donna Vitan, who shares her experience supporting multiple brands on her design system team at TELUS Digital.

Episode Links:

Telus: https://www.telus.com/en/digitalDocusaurus: https://docusaurus.ioThe Hot Potato Process: https://danmall.com/posts/hot-potato-processDesign Token Working Group: https://www.w3.org/community/design-tokensDesign Systems Meetup Group: https://designsystems.communityToronto design systems meetup: https://designsystems.community/chapters/toronto

Donna's Socials:

Website: https://donnavitan.comLinkedin: https://www.linkedin.com/in/donnavitan/


11: Abdalkadir El-Ghazali - Being Self-Taught
#11
04/26/2023

Abdalkadir El-Ghazali joins us from the Consumer Group Design System team at Intuit to talk about being a self-taught designer and engineer.

Links:

CodeAcademy: https://www.codecademy.com/CS50: https://pll.harvard.edu/course/cs50-introduction-computer-science?delta=0HackerRank: https://www.hackerrank.com/

Abdalkadir's Socials:

Website: https://el-ghazali.com/Youtube: https://www.youtube.com/@dietzamzam


10: Ben Callahan - Design System Consulting
#10
03/22/2023

We're joined by Ben Callahan, who shares his experience as a founder of Sparkbox and helping organizations with their design systems.

Episode Links:

Sparkbox: https://sparkbox.com/The Anatomy of a Design  System: https://sparkbox.com/foundry/design_system_makeup_design_system_layers_parts_of_a_design_systemUnConference talk: https://www.youtube.com/watch?v=DUQzEA_ahyc

Ben's Socials:

Website: https://bencallahan.com/Twitter: https://twitter.com/bencallahanLinkedIn: https://www.linkedin.com/in/bencallahan/


9: Crystal Ledesma - Hiring & Managing Design Engineers
#9
02/27/2023

We're joined by Crystal Ledesma, a Senior Engineering Manager working in Design Systems at Zillow.

Crystal's Links:

Linkedin: https://www.linkedin.com/in/crystal-ledesma/Twitter: https://twitter.com/sentbycrystal


8: Ayesha Mazrana - Design System Documentation
#8
12/29/2022

Our final episode of 2022 covers design system documentation with Ayesha Mazrana, a design technologist on Pinterest’s design system team.

Episode Links: 

Markdown: https://www.markdownguide.org/Sandpack: https://sandpack.codesandbox.io/Gestalt: https://gestalt.pinterest.systems/homeGestalt principles: https://www.toptal.com/designers/ui/g...GitHub pull requests: https://docs.github.com/en/pull-reque...

Ayesha’s Socials:

LinkedIn: https://www.linkedin.com/in/ayeshakmaz/


7: Mae Capozzi - Component Library Lifecycles
#7
12/13/2022

Mae Capozzi joins us this episode to chat about what to consider when maintaining a component library.

Episode Links:

Amplitude: https://amplitude.com/Nx: https://nx.dev/Turborepo: https://turbo.build/Lerna: https://lerna.js.org/Amplitude storybook plugin: https://github.com/amplitude/storybook-addon-amplitudeChangesets: https://github.com/changesets/changesets

Mae's Socials:

Personal: https://maecapozzi.com/Twitter: https://twitter.com/MCapozNewsletter: https://maecapozzi.com/newsletter


6: Catt Small - Game Design & Career Development
#6
11/29/2022

Catt Small joins us to discuss how her experience in game design has influenced her career, going from IC to design manager.

Episode Links: 

Should you become a design manager?: https://cattsmall.com/advice/education/2021/10/07/why-become-design-manager.htmlConstruct: https://www.construct.net/enUnity: https://unity.com/

Catt's Socials:

Website: https://cattsmall.com/


5: Sameera Kapila - Design Education
#5
11/15/2022

In this episode, we're joined by Sameera Kapila who shares her background and insights around design education.

Episode Links:

Inclusive Design Communities: https://abookapart.com/products/inclusive-design-communitiesNetlify: https://netlify.com/

Sameera's Socials:

Website: https://samkapila.com/Twitter: https://twitter.com/SamKapLinkedin: https://www.linkedin.com/in/samkap/


4: Jack McCloy - Building Components
#4
08/16/2022

On this episode, Kelly and Adekunle chat with Jack McCloy from Amplitude about building components for design systems.

Episode Links:

Amplitude: https://www.amplitude.com/Vanilla Extract: https://vanilla-extract.style/Sprinkles: https://vanilla-extract.style/documentation/sprinkles-api/Storybook Amplitude Addon: https://storybook.js.org/addons/tag/amplitude

Jack’s Socials:

LinkedIn: https://www.linkedin.com/in/jack-mccloyTwitter: https://twitter.com/JackMcCloy


3: Tooling
#3
07/20/2022

Building tools is one of the many responsibilities UX engineers have. In this episode we discuss tools that enhance the design and developer experiences.

Episode Links:

https://nextjs.org/https://www.gatsbyjs.com/https://www.figma.com/https://www.figma.com/community/file/806626024182535168https://tina.io/https://zeroheight.com/https://www.gitbook.com/https://mdxjs.com/docs/



2: A Typical Day
#2
05/18/2022

As hybrids, every day can be a new journey. In this episode, we discuss the typical day for UX engineers and some of the short and long term challenges we face.

Episode Links:

iterm2: https://iterm2.com/oh my zsh: https://ohmyz.sh/GitHub Desktop: https://desktop.github.com/Storybook: https://storybook.js.org/Gists: https://gist.github.com/starredLoom: https://www.loom.comAndrew’s terminal setup: https://www.hipstersmoothie.com/garden/Terminal%20SetupKelly’s setup: https://kellyharrop.com/blog/setupPrinciple: https://principleformac.com/Figma: https://www.figma.com/


1: What is an UX Engineer?
#1
04/10/2022

Join us for our very first episode of Code & Pixels, where we talk about who we are and what we mean by “hybrid” roles.

Links:

Design Systems and Hybrids - Jina AnneUX Engineering for design systemsUX Engineering - Emma BostianA Single DivWebflowStorybookZeroheightWebpack