# Framer tutorials

Canonical: https://livedemo.ai/tutorials/categories/framer/

- [Framer AI How to Use](https://livedemo.ai/tutorials/framer-ai-how-to-use/) (markdown: https://livedemo.ai/tutorials/framer-ai-how-to-use.md)
- [Framer AI Website Generator How to Use](https://livedemo.ai/tutorials/framer-ai-website-generator-how-to-use/) (markdown: https://livedemo.ai/tutorials/framer-ai-website-generator-how-to-use.md)
- [Framer Airtable Integration](https://livedemo.ai/tutorials/framer-airtable-integration/) (markdown: https://livedemo.ai/tutorials/framer-airtable-integration.md)
- [Framer API Integration](https://livedemo.ai/tutorials/framer-api-integration/) (markdown: https://livedemo.ai/tutorials/framer-api-integration.md)
- [Framer Calendly Integration](https://livedemo.ai/tutorials/framer-calendly-integration/) (markdown: https://livedemo.ai/tutorials/framer-calendly-integration.md)
- [Framer Connect Custom Domain](https://livedemo.ai/tutorials/framer-connect-custom-domain/) (markdown: https://livedemo.ai/tutorials/framer-connect-custom-domain.md)
- [Framer CRM Integration](https://livedemo.ai/tutorials/framer-crm-integration/) (markdown: https://livedemo.ai/tutorials/framer-crm-integration.md)
- [Framer E-commerce Integration](https://livedemo.ai/tutorials/framer-ecommerce-integration/) (markdown: https://livedemo.ai/tutorials/framer-ecommerce-integration.md)
- [Framer Figma Integration](https://livedemo.ai/tutorials/framer-figma-integration/) (markdown: https://livedemo.ai/tutorials/framer-figma-integration.md)
- [Framer Google Sheets Integration](https://livedemo.ai/tutorials/framer-google-sheets-integration/) (markdown: https://livedemo.ai/tutorials/framer-google-sheets-integration.md)
- [How to Connect HubSpot to Framer](https://livedemo.ai/tutorials/framer-hubspot-integration/) (markdown: https://livedemo.ai/tutorials/framer-hubspot-integration.md)
- [Framer Mailchimp Integration](https://livedemo.ai/tutorials/framer-mailchimp-integration/) (markdown: https://livedemo.ai/tutorials/framer-mailchimp-integration.md)
- [Framer Newsletter Integration](https://livedemo.ai/tutorials/framer-newsletter-integration/) (markdown: https://livedemo.ai/tutorials/framer-newsletter-integration.md)
- [Framer Notion Integration](https://livedemo.ai/tutorials/framer-notion-integration/) (markdown: https://livedemo.ai/tutorials/framer-notion-integration.md)
- [Framer Payment Integration](https://livedemo.ai/tutorials/framer-payment-integration/) (markdown: https://livedemo.ai/tutorials/framer-payment-integration.md)
- [Framer Salesforce Integration](https://livedemo.ai/tutorials/framer-salesforce-integration/) (markdown: https://livedemo.ai/tutorials/framer-salesforce-integration.md)
- [Framer Stripe Integration](https://livedemo.ai/tutorials/framer-stripe-integration/) (markdown: https://livedemo.ai/tutorials/framer-stripe-integration.md)
- [Framer WhatsApp Integration](https://livedemo.ai/tutorials/framer-whatsapp-integration/) (markdown: https://livedemo.ai/tutorials/framer-whatsapp-integration.md)
- [Framer WordPress Integration](https://livedemo.ai/tutorials/framer-wordpress-integration/) (markdown: https://livedemo.ai/tutorials/framer-wordpress-integration.md)
- [How to Add a Line in Framer](https://livedemo.ai/tutorials/how-to-add-a-line-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-a-line-in-framer.md)
- [How to Add a Shape in Framer](https://livedemo.ai/tutorials/how-to-add-a-shape-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-a-shape-in-framer.md)
- [How to Add a Video to Framer](https://livedemo.ai/tutorials/how-to-add-a-video-to-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-a-video-to-framer.md)
- [How to Add Adobe Fonts to Framer](https://livedemo.ai/tutorials/how-to-add-adobe-fonts-to-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-adobe-fonts-to-framer.md)
- [How To Add Bullet Points in Framer](https://livedemo.ai/tutorials/how-to-add-bullet-points-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-bullet-points-in-framer.md)
- [How to Add Code to Framer](https://livedemo.ai/tutorials/how-to-add-code-to-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-code-to-framer.md)
- [How to Add Custom Code to Framer](https://livedemo.ai/tutorials/how-to-add-custom-code-to-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-custom-code-to-framer.md)
- [How to Add Fonts to Framer](https://livedemo.ai/tutorials/how-to-add-fonts-to-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-fonts-to-framer.md)
- [How to Add Forms in Framer](https://livedemo.ai/tutorials/how-to-add-forms-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-forms-in-framer.md)
- [How to Add Frame in Framer](https://livedemo.ai/tutorials/how-to-add-frame-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-frame-in-framer.md)
- [How to Add Google Analytics to Framer](https://livedemo.ai/tutorials/how-to-add-google-analytics-to-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-google-analytics-to-framer.md)
- [How to Add Icons in Framer](https://livedemo.ai/tutorials/how-to-add-icons-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-icons-in-framer.md)
- [How to Add Image in Framer](https://livedemo.ai/tutorials/how-to-add-image-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-image-in-framer.md)
- [How to Add Line in Framer](https://livedemo.ai/tutorials/how-to-add-line-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-line-in-framer.md)
- [How to Add Padding in Framer](https://livedemo.ai/tutorials/how-to-add-padding-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-padding-in-framer.md)
- [How to Add Section in Framer](https://livedemo.ai/tutorials/how-to-add-section-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-section-in-framer.md)
- [How to Add Spline to Framer](https://livedemo.ai/tutorials/how-to-add-spline-to-framer/) (markdown: https://livedemo.ai/tutorials/how-to-add-spline-to-framer.md)
- [How to Cancel Framer Subscription](https://livedemo.ai/tutorials/how-to-cancel-framer-subscription/) (markdown: https://livedemo.ai/tutorials/how-to-cancel-framer-subscription.md)
- [How to Change Background Color in Framer](https://livedemo.ai/tutorials/how-to-change-background-color-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-change-background-color-in-framer.md)
- [How to Change Favicon in Framer](https://livedemo.ai/tutorials/how-to-change-favicon-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-change-favicon-in-framer.md)
- [How to Change Font in Framer](https://livedemo.ai/tutorials/how-to-change-font-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-change-font-in-framer.md)
- [How to Change Layer in Framer](https://livedemo.ai/tutorials/how-to-change-layer-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-change-layer-in-framer.md)
- [How to Change Logo in Framer](https://livedemo.ai/tutorials/how-to-change-logo-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-change-logo-in-framer.md)
- [How to Change Primary Breakpoint in Framer](https://livedemo.ai/tutorials/how-to-change-primary-breakpoint-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-change-primary-breakpoint-in-framer.md)
- [How to Connect Domain to Framer](https://livedemo.ai/tutorials/how-to-connect-domain-to-framer/) (markdown: https://livedemo.ai/tutorials/how-to-connect-domain-to-framer.md)
- [How to Connect GoDaddy Domain to Framer](https://livedemo.ai/tutorials/how-to-connect-godaddy-domain-to-framer/) (markdown: https://livedemo.ai/tutorials/how-to-connect-godaddy-domain-to-framer.md)
- [How to Connect Pages in Framer](https://livedemo.ai/tutorials/how-to-connect-pages-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-connect-pages-in-framer.md)
- [How to Convert Figma to Framer](https://livedemo.ai/tutorials/how-to-convert-figma-to-framer/) (markdown: https://livedemo.ai/tutorials/how-to-convert-figma-to-framer.md)
- [How to Create a Component in Framer](https://livedemo.ai/tutorials/how-to-create-a-component-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-create-a-component-in-framer.md)
- [How to Create a Website on Framer](https://livedemo.ai/tutorials/how-to-create-a-website-on-framer/) (markdown: https://livedemo.ai/tutorials/how-to-create-a-website-on-framer.md)
- [How to Crop Image in Framer](https://livedemo.ai/tutorials/how-to-crop-image-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-crop-image-in-framer.md)
- [How to Delete Projects in Framer](https://livedemo.ai/tutorials/how-to-delete-projects-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-delete-projects-in-framer.md)
- [How to Draw a Line in Framer](https://livedemo.ai/tutorials/how-to-draw-a-line-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-draw-a-line-in-framer.md)
- [How to Draw in Framer](https://livedemo.ai/tutorials/how-to-draw-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-draw-in-framer.md)
- [How to Edit Text in Framer](https://livedemo.ai/tutorials/how-to-edit-text-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-edit-text-in-framer.md)
- [How to Embed Figma Prototype in Framer](https://livedemo.ai/tutorials/how-to-embed-figma-prototype-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-embed-figma-prototype-in-framer.md)
- [How to Embed in Framer](https://livedemo.ai/tutorials/how-to-embed-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-embed-in-framer.md)
- [How to Get Code from Framer](https://livedemo.ai/tutorials/how-to-get-code-from-framer/) (markdown: https://livedemo.ai/tutorials/how-to-get-code-from-framer.md)
- [How to Go Back on Framer](https://livedemo.ai/tutorials/how-to-go-back-on-framer/) (markdown: https://livedemo.ai/tutorials/how-to-go-back-on-framer.md)
- [How to Group Elements in Framer](https://livedemo.ai/tutorials/how-to-group-elements-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-group-elements-in-framer.md)
- [How to Group in Framer](https://livedemo.ai/tutorials/how-to-group-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-group-in-framer.md)
- [How to Hand Off Website Framer](https://livedemo.ai/tutorials/how-to-hand-off-website-framer/) (markdown: https://livedemo.ai/tutorials/how-to-hand-off-website-framer.md)
- [How to Highlight Text in Framer](https://livedemo.ai/tutorials/how-to-highlight-text-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-highlight-text-in-framer.md)
- [How to Import Figma to Framer](https://livedemo.ai/tutorials/how-to-import-figma-to-framer/) (markdown: https://livedemo.ai/tutorials/how-to-import-figma-to-framer.md)
- [How to Embed HubSpot Forms in Framer](https://livedemo.ai/tutorials/how-to-integrate-hubspot-with-framer/) (markdown: https://livedemo.ai/tutorials/how-to-integrate-hubspot-with-framer.md)
- [How to Link to Section in Framer](https://livedemo.ai/tutorials/how-to-link-to-section-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-link-to-section-in-framer.md)
- [How to Make a Button in Framer](https://livedemo.ai/tutorials/how-to-make-a-button-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-make-a-button-in-framer.md)
- [How to Make Framer Responsive](https://livedemo.ai/tutorials/how-to-make-framer-responsive/) (markdown: https://livedemo.ai/tutorials/how-to-make-framer-responsive.md)
- [How to Make Framer Templates](https://livedemo.ai/tutorials/how-to-make-framer-templates/) (markdown: https://livedemo.ai/tutorials/how-to-make-framer-templates.md)
- [How to Redo in Framer](https://livedemo.ai/tutorials/how-to-redo-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-redo-in-framer.md)
- [How to Remove CMS from Framer](https://livedemo.ai/tutorials/how-to-remove-cms-from-framer/) (markdown: https://livedemo.ai/tutorials/how-to-remove-cms-from-framer.md)
- [How to Remove Made in Framer Badge](https://livedemo.ai/tutorials/how-to-remove-made-in-framer-badge/) (markdown: https://livedemo.ai/tutorials/how-to-remove-made-in-framer-badge.md)
- [How to Scale in Framer](https://livedemo.ai/tutorials/how-to-scale-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-scale-in-framer.md)
- [How to Share Framer Prototype](https://livedemo.ai/tutorials/how-to-share-framer-prototype/) (markdown: https://livedemo.ai/tutorials/how-to-share-framer-prototype.md)
- [How to Share Project Link in Framer](https://livedemo.ai/tutorials/how-to-share-project-link-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-share-project-link-in-framer.md)
- [How to Share Project with Another User](https://livedemo.ai/tutorials/how-to-share-project-with-another-user-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-share-project-with-another-user-in-framer.md)
- [How to Transfer Framer Website to Client](https://livedemo.ai/tutorials/how-to-transfer-framer-website-to-client/) (markdown: https://livedemo.ai/tutorials/how-to-transfer-framer-website-to-client.md)
- [How to Transfer Projects for a Client from Framer](https://livedemo.ai/tutorials/how-to-transfer-projects-for-a-client-from-framer/) (markdown: https://livedemo.ai/tutorials/how-to-transfer-projects-for-a-client-from-framer.md)
- [How to Underline in Framer](https://livedemo.ai/tutorials/how-to-underline-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-underline-in-framer.md)
- [How to Unpublish Framer Site](https://livedemo.ai/tutorials/how-to-unpublish-framer-site/) (markdown: https://livedemo.ai/tutorials/how-to-unpublish-framer-site.md)
- [How to Unpublish in Framer](https://livedemo.ai/tutorials/how-to-unpublish-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-unpublish-in-framer.md)
- [How to Use Carousel in Framer](https://livedemo.ai/tutorials/how-to-use-carousel-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-use-carousel-in-framer.md)
- [How to Use Framer AI](https://livedemo.ai/tutorials/how-to-use-framer-ai/) (markdown: https://livedemo.ai/tutorials/how-to-use-framer-ai.md)
- [How to Use Framer Templates](https://livedemo.ai/tutorials/how-to-use-framer-templates/) (markdown: https://livedemo.ai/tutorials/how-to-use-framer-templates.md)
- [How to Use Ticker in Framer](https://livedemo.ai/tutorials/how-to-use-ticker-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-use-ticker-in-framer.md)
- [How to Wrap Text in Framer](https://livedemo.ai/tutorials/how-to-wrap-text-in-framer/) (markdown: https://livedemo.ai/tutorials/how-to-wrap-text-in-framer.md)
- [HubSpot Framer Integration](https://livedemo.ai/tutorials/hubspot-framer-integration/) (markdown: https://livedemo.ai/tutorials/hubspot-framer-integration.md)