Flint in 60 seconds
An introduction to the editor interface and features.
Editor Layout
The editor has three main areas: the canvas (where you build), the sidebar (for navigation), and the AI chat (where AI builds).
Direct Editing
Click any text or image to edit it directly on the canvas. This makes quick updates incredibly fast and intuitive.
AI-Powered Changes
For more complex edits, describe what you want and Flint will handle it.
Image Generation
Have the Flint agent access your existing and newly generated assets from the asset library in the AI chat.
Publishing
When you're ready, click the publish button to push your site live at your configured domain.
Hosting in 60 seconds
Learn how to host your Flint site.
Coming soon...
Inviting Members to Your Organization
Learn how to invite team members to your Flint organization.
You can invite team members to your Flint organization through the organization settings.
How to Access Organization Settings
Direct link: app.tryflint.com/app/organization-settings
Or from the home page, click Settings.
To Invite a New Member
1. Under Organization Settings, click Invite Member 2. Enter your team member's email address and submit 3. They'll receive an invitation email (have them check spam if it doesn't appear within a few minutes)
Working with Images
Edit, generate, and manage images in your Flint pages.
Working with Videos
Add and manage videos in your Flint pages.
Working with External Content
Import designs, images, and content from external sources.
Troubleshooting: Error 404
Fix common publishing issues.
Design System Extraction
How Flint extracts your brand's design system and keeps pages on-brand.
Switching Pages Within a Project
Learn how to navigate between pages in your project.
Find the Pages button on the top left section of the editor. This button will open the page selector showing all pages available in the current project. Click on any item to choose the page you want to edit.
Sharing and Previewing Pages
Learn how to share and preview your pages.
Find the Share button on the top right section of the editor. Here you can:
• Open the preview page in a new tab • Copy the link to your clipboard • Share the link with others or review Flint's work
Undo and Redo
Easily reverse or restore changes with undo and redo.
Made a mistake or prefer a different design? Use the undo and redo buttons to reverse or restore recent changes.
How to Undo
Click the undo button in the editor toolbar or press Cmd/Ctrl + Z to reverse your last change. You can undo multiple times to step back through your edit history.
How to Redo
Click the redo button or press Cmd/Ctrl + Shift + Z to restore a change you just undid. This is helpful if you undo too far and want to bring back a recent edit.
Tips
Undo and redo work across all types of changes - content edits, style adjustments, component additions, and deletions. Your full edit history is preserved during your editing session.
Publishing to Staging vs Production
Understand the difference between staging and production environments.
Find the Publish button on the top right section of the editor. Clicking it opens a dropdown with different available environments.
Staging
An intermediary environment where the page is fully ready but not live to the general public yet. Use this to explore or share a link with your internal team.
Production
Publishing to production will make your page available to the entire web.
Subdomain Settings
Configure subdomains for your Flint pages.
Technical Setup
Learn about Flint's routing and deployment model.
Google Analytics & Tag Manager
Set up GA4 and GTM for tracking and conversions.
Adding Custom Code
Add custom code to your pages' head or body.
For analytics settings that require custom code in the <head> or <body> of your pages:
1. Click the Settings button in the top left section of the editor 2. Click the Site Settings tab 3. Click the Custom Code accordion 4. Add your code to the Head Scripts or Body Scripts fields as needed
Capturing Leads
Insert lead capture forms into your pages.
To insert a lead capturing form in your Flint pages:
• Paste the embed code or URL in the chat and ask the agent to add the form to any specific section
Styling Considerations
• Embed code: Form styling is pre-configured in the HTML; Flint has limited control over it • URL only: Flint can fully customize the form layout to match your brand
Query Parameters
Use URL parameters for tracking and personalization.
A/B Testing
Run experiments with Statsig, LaunchDarkly, or Eppo.
Frequently Asked Questions
Browse all FAQs about editing, design, technical features, and more.
Terms of Service
Flint subscription terms and conditions.
Privacy Policy
How we collect, use, and protect your information.
Security
Our security practices and compliance certifications.
Service Level Agreements
Uptime, performance, and support commitments.
Documentation
Everything you need to know about building with Flint
Getting Started
Learn the basics of using Flint to build beautiful marketing pages
Brand Import and Sync
Import your brand's design system and keep pages on-brand
Navigating the Editor
Learn how to navigate and use the Flint editor
Publishing Your Pages
Deploy your pages to staging or production
Site Configuration
Configure analytics, tracking, custom code, and lead capture
FAQ
Frequently asked questions about Flint
Legal
Legal documentation and service agreements
