Summary:

Figma to Framer:

We were shown the different steps to take a design from Figma and turn it into a website on Framer:

1. Downland the “Figma to HTML with Framer” extension on Google Chrome.
2. Open your HTML version 3 file, allow the extension to run.
3. Open Figma design run the plugin, this will copy all the layers.
4. Paste them in Framer, on a desktop frame.

No-Code Resources:

• Webflow
• Squarespace
• Wix
• Framer

Other Resources:

• Components AI
• Copy.ai
• Ai Artists
• Nocode.tech

The Streets of Crocodiles: Framer Version

We used our Figma version as a template design to work from when using framer. We copied all layers on this, and pasted it onto the Framer. We created a separate desktop, tablet and phone view.