Master Figma from 0 to 100
Course 10: Handoff: Exporting Code Snippets
By Mirko Santangelo , Designer and Creative Director
About the video: Exporting Code Snippets
Overview
“Now, I will talk about exporting code snippets using different code languages (CSS, iOS, Android), copying SVG code from layers, and exporting code from the inspect panel.”
In this video lesson Mirko Santangelo addresses the topic: Exporting Code Snippets, which is part of the Domestika online course: Course 10: Handoff. Figma.
Partial transcription of the video
“Using the inspect panel, we can access several different code snippets whether you need iOS, Android or CSS. Let's see how we can do this. in Figma. We can even export little code snippets to be used on our text editor of choice. starting from any layer. We'll go on to the inspect panel. and then look for the code section. Right now we have three different technologies supported. It's CSS, iOS, and Android. and you will see the Figma represent all the text property of my layers by this position with color using this text only format. Sometimes you may need a little bit more than that. So yo...”
This transcript is automatically generated, so it may contain mistakes.
Course summary for: Course 10: Handoff
Mirko Santangelo
By Mirko Santangelo
Meet Mirko Santangelo, a versatile and dynamic multidisciplinary creative force. As the Partner and Creative Director at Paper Tiger, a renowned web agency on the East coast, Mirko thrives in the creative industry. With a knack for crafting digital web products that elevate leading companies, he seamlessly blends creative strategy with execution, harnessing both design and code to drive business goals and enhance brand experiences.
Mirko's influence extends beyond his agency work. He's a prominent figure in the Figma Community, known for his role as a Figma Community Advocate. Mirko's journey with Figma began in 2017 when he orchestrated a remarkable pivot of his agency's workflow to Figma, effectively shaping innovative design processes that transformed Paper Tiger into a multi-awarded, seven-figure company. His relentless exploration of Figma's potential led him to create the first unofficial plugins and integrate advanced technologies, catapulting his agency to new creative heights.
With a history of collaboration with illustrious brands like The New York Times, Insider, and PBS, Mirko has left his mark on design systems, brands, and web experiences in the realm of digital design. His dedication to the community is evident through his teachings and interactions with thousands of designers and creatives. As an active participant in Figma's growth, he played a key role in shaping the creative activity for Figma Config 2021, a milestone reflected in its status as the most downloaded asset on the platform. Beyond his professional accomplishments, Mirko's design journey, which began at the age of 17, has evolved over 16 years, mirroring a relentless pursuit of excellence, inspired by the greats of design history.
- 0% positive reviews (0)
- 7 students
- 5 lessons (25m)
- 4 additional resources (1 files)
- Online and at your own pace
- Available on the app
- Audio: English, Portuguese, Italian
- English · Spanish · Portuguese · German · French · Italian · Polish · Dutch
- Level: {beginner: "Beginner", intermediate: "Intermediate", advanced: "Advanced"}
- Unlimited access forever