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)
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.
Troubleshooting: Error 404 or Page Not Found
Fix common publishing issues.
If you encounter a 404 error on a published page:
1. Verify that the page is not marked as draft using the Pages menu 2. Note: Draft pages are only available inside the Flint editor and will not be deployed to any environment 3. When ready to publish, click the options button on the desired page and deploy to the desired environment 4. If the issue persists, reach out to support@tryflint.com with your site information
Subdomain Settings
Configure subdomains for your Flint pages.
Technical Setup
Learn about Flint's routing and deployment model.
Editing Images
Learn how to edit and replace images on your page.
Click any image on your page to select it, then use the toolbar to make changes.
Edit Menu Options
• Upload: Replace the image with a new file from your computer • Assets Library: Browse images already in your Flint workspace, including images imported from your original site and any you've uploaded or generated previously
AI Image Generation
Generate new images using AI.
Flint can generate new images using the latest image generation models. There are two ways to do this:
Method 1 - From an Image on Your Page
1. Click the target image 2. Click Image Gen in the Image Toolbar 3. Flint Agent will generate a replacement asset automatically
Method 2 - From Flint Chat
Ask Flint agent directly, e.g., "Generate images of construction workers for this section"
Using Reference Images
Use reference images to maintain visual consistency.
A reference image gives Flint Agent visual context when generating new images, helping maintain consistency in styling. You can remove attached reference images to avoid noise if generating a new asset.
Adding Analytics Providers
Set up Google Analytics, GTM, Segment, or PostHog.
Flint natively supports: Google Analytics, Google Tag Manager, Segment, and PostHog.
To Add an Analytics Provider
1. Click the Settings button in the top left section of the editor 2. Click the Site Settings tab 3. Click on Analytics Providers 4. Click Add Provider and select your provider
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
Google Analytics & Tag Manager
Set up GA4 and GTM for tracking and conversions.
Query Parameters
Use URL parameters for tracking and personalization.
A/B Testing
Run experiments with Statsig, LaunchDarkly, or Eppo.
Copying Designs from Other Sites
Learn how to replicate designs from other websites.
Flint does not currently offer direct copying of components or designs from other sites without a visual reference. However, you can:
• Screenshot any elements you want Flint to implement and upload them to the chat (max 3 files per message) • Describe the desired layout via Flint chat, giving clear instructions on how elements should be positioned and displayed
Using External Images
Upload and use images from external sources.
Flint agent currently does not offer automatic importing of external assets. You may upload any desired images:
• Via the asset manager in chat • Via the project menu
Importing from Notion or Google Docs
Import content from Notion or Google Docs.
For now, export your documents as PDF and upload them into Flint agent by clicking "Upload files".
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
Working with Images
Edit, generate, and manage images in your pages
Site Configuration
Configure analytics, custom code, and lead capture
SEO & Analytics
Optimize your pages for search and track performance
Working with External Content
Import designs, images, and content from external sources
FAQ
Frequently asked questions about Flint
Legal
Legal documentation and service agreements
