Figma HTML & CSS Template System
Create custom HTML & CSS theme templates from your Figma wireframe designs.
00:00 - Welcome
00:26 - Create ${global} frame
00:50 - Copy CSS assets
01:40 - Create your Parent Style
02:05 - Copy the Style parent/child nesting
03:50 - Remove original content styles
04:13 - Test the export
04:46 - Add additional Template pages
05:15 - Create a new CSS asset for the Template
06:11 - Customize your CSS Styles Layout
07:00 - Test and fix errors
07:50 - Add additional Template pages
09:00 - Test the export
09:40 - Add custom CSS states
10:40 - Test the export
Full Tutorial: http://exportkit.com/plugin/environme...
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