19 | Figma for Everyone

In this episode, Amy talks about Figma and how it's perfect for project collaboration -- whether you're a designer, developer, project manager, or stakeholder; everyone can benefit.

Sponsors

Vercel

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

ZEAL is hiring!

Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

Show Notes

• 0:00 Introduction
• 3:07 What is Figma?
• 3:26 History of Design Tools
  • Photoshop
    • Difference between vaster and rector
  • Sketch
    • Abstract
    • Zeplin
    • Invision
    • Sketch Cloud
  • Figma
    • Collaboration
    • Components
• 10:42 Sponsor: ZEAL
• 12:16 Figma - Platform Agnostic
• 13:40 Adobe XD
• 15:28 Variants
• 16:22 Shared Libraries
• 17:48 Commenting System and Collaboration
• 18:46 Developer Handoff Tools, including exporting CSS
• 19:43 Plugins
  • Anima
  • Ania Kubo on YouTube
• 20:21 Sponsor: Vercel
• 21:36 More Figma Plugins
  • Super Tidy
  • Google Sheets Sync
• 23:07 Prototyping and Interactions
• 23:23 FigJam
  • How Figma Uses FigJam
• 24:20 Structuring a Project within Figma
  • Cover with a thumbnail
  • The project's design
  • Iconography
  • Design System and Components
  • Archive Page
• 27:02 Learn More about Figma
  • Scott Tolinsky, Playlist on Figma
  • Level Up Tutorials
  • Figma's Education Videos
  • Jesse Showalter, Figma Playlist
• 28:26 Grab Bag Questions: Message us on Twitter at @compressedfm
• 28:44 Picks and Plugs
• 28:57 Amy's Pick: Parse Hub
• 30:33 Amy's Plug: Compressed.fm Newsletter
• 30:56 James's Pick: iPhone Mount
• 31:50 James's Plug: James on TikTok at jamesqquick