[VIP] Figma for Developers v2

Course Description

Figma isn't just for designers—developers can also leverage its powerful features. Learn to use constraints, layout grids, and auto layout to build responsive designs. Explore component properties, variables, and modes to create flexible, reusable UI elements. Discover plugins that help you generate content and CSS code. Bridge the gap between design and development, collaborating more effectively when translating Figma designs into code!

This course and others like it are available as part of our Frontend Masters video subscription.

Workshop Details​

This workshop is tailored for frontend developers, focusing on the latest features in Figma, including Developer Mode, improved Auto Layout, and interactive components. It provides insights into integrating Figma with development workflows and explores new prototyping and animation features, enhancing the design-to-code process.

Any Prerequisites?​

• Basic understanding of UI/UX design principles
• Familiarity with Figma’s basic functionalities

Key Takeaways​

By participating along with us in the workshop, you'll learn:

• Mastering Developer Mode for efficient design navigation
• Utilizing improved Auto Layout for dynamic designs
• Creating interactive components for advanced prototyping
• Leveraging enhanced collaboration features for team projects
• Integrating Figma with tools like Storybook and VS Code
• Generating effective code snippets for development
• Exploring new prototyping and animation features
• Keeping up-to-date with the latest design tools in Figma

Is This Workshop for Me?​

Frontend developers and UI/UX designers looking to deepen their understanding of Figma’s latest features for a more efficient and collaborative design process.