Logos

6

6

components

components

  1. Remix the starter file

Remix the Framepad Starter file before copying components over.

  1. Copy components

Browse through and simply hit the copy button on a component you want to use.

  1. Paste in Framer

On your Framer canvas, paste the component in the your breakpoint frame.

  1. Detach components

Set the component width to 'Fill', and then unlink the component to edit. You can then detach the component for faster editing.

  1. Replace buttons

Replace the default buttons in the component with your own buttons from the style guide to ensure they're all using the same primary component.


On the placeholder button, right click —> 'Replace With' —> 'Project' —> 'Button'

  1. Remix the starter file

Remix the Framepad Starter file before copying components over.

  1. Copy components

Browse through and simply hit the copy button on a component you want to use.

  1. Paste in Framer

On your Framer canvas, paste the component in the your breakpoint frame.

  1. Detach components

Set the component width to 'Fill', and then unlink the component to edit. You can then detach the component for faster editing.

  1. Replace buttons

Replace the default buttons in the component with your own buttons from the style guide to ensure they're all using the same primary component.


On the placeholder button, right click —> 'Replace With' —> 'Project' —> 'Button'

  1. Remix the starter file

Remix the Framepad Starter file before copying components over.

  1. Copy components

Browse through and simply hit the copy button on a component you want to use.

  1. Paste in Framer

On your Framer canvas, paste the component in the your breakpoint frame.

  1. Detach components

Set the component width to 'Fill', and then unlink the component to edit. You can then detach the component for faster editing.

  1. Replace buttons

Replace the default buttons in the component with your own buttons from the style guide to ensure they're all using the same primary component.


On the placeholder button, right click —> 'Replace With' —> 'Project' —> 'Button'

Framepad is in beta and we'd love your feedback!

Leave feedback

We'd love to improve!

Leave feedback