In this video, I explore the Core Framework for Figma plugin, a powerful tool that streamlines your web design process by syncing your design elements between Figma and your website.
Sponsored by Omnisend: https://jo.my/omnisend
This plugin allows you to maintain consistency across your projects by synchronizing typography, colours, spacing, and more between Figma and your WordPress site using Core Framework.
I walk you through setting up the plugin, connecting it to your Figma account, and demonstrating how to use variables like colours, typography, and spacing.
You’ll see how changes made in Figma can be synced back to your website and vice versa, ensuring a seamless design process.
This is an early release of the plugin, so there are still some quirks, but it’s a promising tool for anyone looking to improve their design workflow. I also share my thoughts on what could be improved in future updates.
If you want to learn more about using Core Framework with Figma and Bricks Builder, let me know in the comments, and I’ll create more in-depth tutorials!
Timestamps:
00:00 – 00 – What is Core Framework Figma?
01:56 – 01 – Getting Started
03:56 – 02 – Getting started in Figma
09:31 – 03 – Working with text
10:44 – 04 – Local Styles
Sponsor:
A big thank you to today’s sponsor, Omnisend! If you’re looking for a top-notch email marketing platform for your e-commerce store, Omnisend offers unbeatable pricing, powerful features, and 24/7 customer support. Try Omnisend today: [Link in the description].
Links:
– Core Framework: https://coreframework.com/
– Omnisend: https://jo.my/omnisend
– Figma: https://figma.com/
– Documentation: https://docs.coreframework.com/figma/getting-started-with-figma
If you found this video helpful, please like, subscribe, and hit the notification bell for more web design tips and tutorials!
#Figma #CoreFramework #WebDesign #WordPress #BricksBuilder #WPTuts
Take your WordPress website and skills to the next level!
► The Essential Web Designer’s Documents Pack
Looking to take your web design business to the next level? The Essential Web Designers Documents collection has got you covered! With handcrafted, professionally designed documents that have generated tens of thousands in revenue, you’ll have everything you need to impress clients, streamline your workflow, and boost your bottom line.
► Buy the Essential Web Designer’s Documents Pack Now: https://links.wptuts.co.uk/ewdd
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► EXCLUSIVE WPTUTS DISCOUNTS ◄
✅ WPVivid Backup Pro: https://jo.my/vividpro (use WPTUTS20 for 20% off)
✅ Project Huddle: https://jo.my/etafyp (WPTUTS for 20% off – Exclusive)
✅ Flowmattic: https://jo.my/flowmattic (WPTUTS for 20% off annual plans)
✅ Clickwhale: https://jo.my/clickwhale (WPTUTS20 for a 20% discount on all plans)
► MY PREFERRED HOSTING PROVIDERS ◄
✅ Hostinger: https://jo.my/92dmbb
✅ CloudWays: https://jo.my/1feeng8
✅ SiteGround: https://jo.my/sgwptuts
► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: https://jo.my/1s0t2s2
✅ Bricks Builder: https://jo.my/bricks
✅ Brizy Pro: https://bit.ly/2Ji97r8
✅ GenerateBlocks: https://jo.my/xotgcy
✅ DIVI 3 Page Builder: http://bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
✅ GeneratePress Premium: http://bit.ly/2Ydn1SE
✅ Blocksy: https://jo.my/y67ten
✅ DIVI Theme: http://bit.ly/2G8JMiA
✅ Astra Pro: http://bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
✅ InstaWP: https://jo.my/0jdh2j
✅ Crocoblock: https://jo.my/croc
✅ CSSHERO: http://bit.ly/2qbrRl6
► WORDPRESS PLUGINS ◄
✅ SEOPress Pro: https://jo.my/seopress
► SUBSCRIBE ◄
http://bit.ly/2rX7rhu
► LETS CONNECT: ◄
👉 Twitter: https://twitter.com/WPTutz
👉 Facebook Group: https://wptuts.co.uk/facebook
SUPPORT: Our website offers additional information and perks. Please check it out! https://wptuts.co.uk
