Figma to Webflow | Part 1 — Typography
This tutorial is part 1 of a 3 part series focused on taking a landing page designed in Figma and building it Webflow. In this series, we're using the newly released Hatch Utility Framework to build out the beginning pieces, such as Typography, Color, and Elements (Buttons & Form Fields). Once the styles are built, we will use them as a jumping point to build our landing page.
The Hatch Utility Framework can be cloned from Webflow here → https://webflow.com/website/Hatch-A-U...
We recommend checking out the Hatch Documentation, which goes in depth on how to use the framework. In many ways, Hatch is similar to the Tailwind.CSS documentation. Also if you'd like to check out the documentation on the Hatch Framework, you can get it here → https://www.notion.so/Hatch-0d4a03cf6...
Part 2 →
• Figma to Webflow | Part 2 — Colors an...
Watch video Figma to Webflow | Part 1 — Typography online without registration, duration hours minute second in high quality. This video was added by user Halftone Digital 23 November 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,538 once and liked it 23 people.