Create Responsive CSS Styles with Figma

Published: 22 February 2021
on channel: ExportKit
2,796
20

Create unlimited responsive css styles for your design when using Figma and Export Kit. Take total control of all element effects and styles when rendering to specific layouts, screens and devices.

00:00 - Preview
00:17 - Welcome
00:45 - Copy your ${css|screen} Frame
00:50 - Modify effects and styles of layers
01:53 - Target your screen or device size
02:08 - Frame width must match target size
02:38 - Order ${css|screen} frames, high-to-low
02:52 - Test your responsive styles

Full Tutorial: https://exportkit.com/plugin/environm...

Download Plugin: https://exportkit.com/learn/getting-s...

Figma Design Rules: https://exportkit.com/kits/export-kit...

Using The Plugin with Figma: https://exportkit.com/learn/how-to/us...

Using Layer Tags: https://exportkit.com/resources/plugi...

Get full access to HTML, JavaScript, WordPress, Android, iOS, Xamarin and more with your Business Subscription.

Subscribe: https://exportkit.com/shop

#figma #design #exportkit


Watch video Create Responsive CSS Styles with Figma online without registration, duration hours minute second in high quality. This video was added by user ExportKit 22 February 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,796 once and liked it 20 people.