Lummi

How to integrate Lummi with Webflow

The Lummi Webflow marketplace app integrates directly into your Designer interface for in-canvas image sourcing. For advanced use cases, developers can build custom integrations using the Lummi REST API.

Use the Lummi app

Install Lumi from the Webflow Apps panel. No API keys or technical configuration required.

Workflow:

1. Open your Webflow project and access Lummi from the Apps menu
2. Search by keyword and apply filters for color palette, orientation, luminance, or number of people
3. Customize images with brightness, contrast, and duotone color overlays
4. Click to insert directly onto your canvas

Key capabilities:

• In-canvas search: Access the full Lummi library from Webflow Designer
• Advanced filtering: Sort by color, orientation, luminance, and number of people
• Brand customization: Apply duotone overlays and adjust brightness/contrast before inserting
• Immediate insertion: Add images to your canvas with a single click

Licensing: All images include perpetual, royalty-free licenses for commercial use with no attribution required. You cannot resell images as standalone products or create competing image services, but client websites and commercial projects have no restrictions.

Build with the Lummi API

The Lummi API provides REST endpoints with Bearer Token authentication. Add your API key to request headers as Authorization: Bearer <API_KEY>.

Note: API access requires applying for an API key through Lummi's developer portal. Based on available documentation, the API does not appear to support webhooks or event-based notifications — automated synchronization requires polling-based implementations.

For most users, the native Designer app is the recommended approach.

What you can build

Integrate Lummi with Webflow for faster creative workflows with consistent visuals.

• Marketing landing pages: Create multiple A/B test variants with unique hero images. Apply duotone overlays to maintain brand color consistency across variations.
• Blog and content sites: Source AI-generated images that maintain visual consistency across your website without photographer coordination or stock photo subscriptions.
• E-commerce seasonal campaigns: Design promotional pages with campaign-specific imagery. Use real-time customization tools to apply brand-consistent color treatments across category pages.
• ‍Agency client deliverables: Deliver complete website projects using AI-generated images under free perpetual licensing, eliminating stock photography subscriptions and reducing project costs.