No-Code tools are software that allows you to create a website without coding, the advantages are accessibility to non-technical users, being able to easily convert Figma designs into Html and Faster development using pre-built components. However there is limited customisation, Platform lock in, once you create a website on their platform you can copy and paste it to another website, so you can only use their website which adds cost as you have to pay for more pages and the actual use etc. And there are some issues with their code performance
First things first, we have to sign up to Framer.
Here is what the layout of Framer looks like, It’s similar to Figma
We then used this process to transfer our Women In design website from Figma to Framer, it was a little tricky to use as it isn't like Figma where you can easily move objects to a certain spot, you have to be conscious of spacing and you may need to lock certain layers to move some layers about:
The structure of every website is done by using rectangles, Framer uses these rectangles as frames, to manage the frames are similar to drawing a rectangle or text box on Figma, what's cool about framer is that you can select multiple layers and left-click to select the create frame option.
Allow for us to create rows, elements, bulletproof layouts sizing elements etc. A stack is a frame with a special layout opportunity added. Stacks are used to create an auto-layout that is similar to Figma, relative layers go with the flow with the stack. stacks are perfect if you want an object to flow in a similar layout, think payment plan boxes.
