# FoxStudio 🔥 - [Overview](https://docs.foxecom.com/foxify-app/foxstudio/overview.md): Introducing Foxify Gen 2 - The First-Ever Shopify Visual Page Builder - [FoxStudio editor](https://docs.foxecom.com/foxify-app/foxstudio/foxstudio-editor.md): FoxStudio is the most updated version of a page builder, offering you a free-form canvas to design and build. - [Editor tools](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools.md): Explore various editor tools designed to optimize your design and editing tasks. - [Autosave](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/autosave.md) - [Inspector panel](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/inspector-panel.md): Edit the properties of every elements within the Inspector panel - [Layers](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/layers.md): Navigate and control the page elements using the Layers panel - [Layout template 🧩](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/layout-template.md): Create and apply custom header and footer for your Foxify pages - [Grids guide and Snap lines](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/grids-guide-and-snap-lines.md) - [Pan & Zoom mode](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/pan-and-zoom-mode.md): Navigate and zoom around your canvas with ease for a better editing experience - [AI responsive](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/ai-responsive.md): Auto-optimize section designs for cross-device responsiveness using AI - [Prettify](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/prettify.md): Instant layout enhancement - [Page revisions](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/page-revisions.md) - [Custom codes](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/custom-codes.md) - [Undo & Redo](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/undo-and-redo.md): You can undo and redo changes made to your design in the editor - [SEO checker](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/seo-checker.md) - [Keyboard shortcuts](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools/keyboard-shortcuts.md): A rich set of keyboard shortcuts to streamline your workflow - [Page customization](https://docs.foxecom.com/foxify-app/foxstudio/page-customization.md): Customize your page settings, sections, and assets to create the perfect design for your site. - [Page settings](https://docs.foxecom.com/foxify-app/foxstudio/page-customization/page-settings.md): Discover how to change the page title, page handle, SEO and so on! - [Add a Section](https://docs.foxecom.com/foxify-app/foxstudio/page-customization/add-a-section.md) - [Edit a Section](https://docs.foxecom.com/foxify-app/foxstudio/page-customization/edit-a-section.md) - [Save and re-use Assets](https://docs.foxecom.com/foxify-app/foxstudio/page-customization/save-and-re-use-assets.md): Streamline your workflow with reusable design assets - [Add and edit elements](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements.md): Learn how to add, modify, and customize elements. - [Blog post's elements](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/blog-posts-elements.md) - [Blog posts](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/blog-posts.md) - [Breadcrumbs](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/breadcrumbs.md) - [Carousel controls](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/carousel-controls.md) - [Collection showcase](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/collection-showcase.md) - [Collection tabs](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/collection-tabs.md) - [Text](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/text.md) - [Button](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/button.md) - [Image](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/image.md) - [Video](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/video.md) - [QR code](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/qr-code.md) - [Countdown timer](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/countdown-timer.md) - [Marquee text](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/marquee-text.md) - [Subscribe form](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/subscribe-form.md) - [Contact form](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/contact-form.md) - [Layer slider](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/layer-slider.md) - [List items](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/list-items.md) - [Slideshow](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/slideshow.md) - [Tabs](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/tabs.md) - [Collapsible content](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/collapsible-content.md) - [Testimonials](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/testimonials.md) - [Navigation](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/navigation.md) - [Product card](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/product-card.md) - [Product details](https://docs.foxecom.com/foxify-app/foxstudio/add-and-edit-elements/product-details.md) - [Layout & styling](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling.md): Control the layout and appearance of elements on your page with powerful styling options. - [Cells and grids](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/cells-and-grids.md) - [Constraints](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/constraints.md): Apply constraints to design responsive and adapt across screen sizes - [Copy & Paste elements](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/copy-and-paste-elements.md): Boost efficiency by copying and pasting elements anywhere - [Frame elements](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/frame-elements.md): Frame related elements together and manipulate them as a single element - [Stack elements](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/stack-elements.md) - [Resize an element](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/resize-an-element.md): Ensure everything fits perfectly across devices, creating harmony instead of chaos by controlling the size of the elements. - [Animations](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling/animations.md): Captivate visitors' attention by adding striking visual effects to elements - [FoxTransfer - Clone web design to Foxify](https://docs.foxecom.com/foxify-app/foxstudio/foxtransfer-clone-web-design-to-foxify.md): A guide to use FoxTransfer Chrome extension in Foxify visual builder - [Figma to Shopify with Foxify](https://docs.foxecom.com/foxify-app/foxstudio/figma-to-shopify-with-foxify.md): Convert your Figma design into Shopify with Foxify Page Builder using 1-click --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.foxecom.com/foxify-app/foxstudio.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.