Once you have images, or text layers ready, Layer Compositor helps you bring everything together into a final layout.
Think of it as assembling your final design using building blocks.
What Layer Compositor Does?
Layer Compositor lets you:
Combine multiple images and text layers
Arrange elements visually
Control layer ordering
Resize and reposition layers
Edit text content
Adjust visibility and opacity
This makes it easy to recreate layouts from various assets in Fluidfit.
Adding Layers
You can add layers directly inside the compositor:
Click + Add Layer
Each layer appears in the Layers panel
Reorder layers as needed
Toggle visibility on/off
Adjust opacity
Each layer becomes a separate layer in the final PSD, keeping your layout structured.
Editing Text Layers
Text layers remain editable, and you can control:
Font family
Font weight & size
Alignment
Case (AA / Aa / aa)
Position
Opacity
Rotation
Text color
This makes it easy to fine-tune typography without leaving the workflow.
Canvas Settings
You can configure the canvas based on your output needs:
Canvas width & height
Preset sizes (e.g., Full HD 1920 × 1080)
Background color
Units (Pixels)
This helps you standardize layouts for different formats.
Export Options
Once your layout is ready, you can export in multiple formats:
Image File (PNG, JPEG, WEBP, TIFF)
Adobe Photoshop (PSD)
PSD Options
Preserve Layers
Include Hidden Layers
Flatten Layers
HTML
What Gets Preserved in PSD
When exporting as PSD, the following are maintained:
Separate layers
Editable text
Layer order
Position
Opacity
Canvas size
Visibility (hidden layers optional)
This makes it easy to continue editing in Photoshop if needed.
Font Rendering Fidelity
Layer Compositor preserves typography closely, and most commonly used fonts render accurately. Overall font fidelity is very high with most layouts matching the expected appearance.
Fonts Rendering Accurately
Abril Fatface, Anton, Arial, Bebas Neue, Bitter, Calibri, Comfortaa, Cormorant, Exo 2, Fira Code, Georgia, Lato, JetBrains Mono, IBM Plex Sans, Merriweather, Montserrat, Manrope, Plus Jakarta Sans, Pacifico, Outfit, Noto Serif, Nunito Sans, Open Sans, Rubik, Roboto, Poppins, Public Sans, Quicksand, Tahoma, Trebuchet MS, Varela Round, Verdana, Source Code Pro, Source Sans 3, Times New Roman, Segoe UI, Sora, Noto Sans JP, Noto Sans Devanagari, Noto Sans, Noto Sans Arabic.
Fonts That May Show Minor Visual Differences
Some fonts may appear slightly different after composition and you may notice:
Condensed fonts rendering slightly wider
Bold weights appearing slightly lighter
Serif contrast differences
Script fonts using alternate variants
Fonts where this may occur include:
Archivo Black, Archivo Narrow, Arvo, DM Sans, EB Garamond, Inter, Instrument Sans, Fredoka, Lora, Libre Baskerville, Neue Montreal, Nunito, Playfair Display, PT Serif, Raleway, Ubuntu, Work Sans, Satoshi, Red Hat Display, Roboto Slab, Barlow Condensed, Caveat, Crimson Text, Dancing Script, Fjalla One, League Spartan, Helvetica, IBM Plex Mono, Pathway Gothic One, Oswald, Roboto Condensed, Zilla Slab, San Francisco.
In most cases, a quick alignment or font tweak will restore the expected look. We may continue improving fidelity for specific fonts over time.
Tips
Order layers from background to foreground
Use meaningful layer names
Use preset canvas sizes for standard outputs
Layer Compositor makes it easy to assemble your final layout once your assets are ready. Connect your layers, arrange them visually, and move straight into animation, export, or further processing.
Once your composition is complete, you're now ready to generate versions for different platforms using Smart Resize.
Smart Resize
Instead of creating every format manually, simply choose the sizes you need.
Fluidfit uses AI-powered Smart Resize to automatically adjust the placement and size of your design elements for every selected format.
Choose from presets across multiple categories, including:
Standard
Social Media
Advertising
You can generate one size or several at the same time.
Review every layout
Once Smart Resize finishes, all generated layouts appear together for review.
Switch between:
Grid View to compare every format side by side.
Single View to focus on one layout at a time.
This makes it easy to review your entire campaign before exporting.
Fine-tune with AI Chat
Smart Resize gets you most of the way there.
If one layout needs a small adjustment, AI Chat lets you refine just that version without affecting the others.
There's no need to manually adjust every element.
Simply describe what you'd like to change, and AI updates only the selected layout.
Export your resized designs
Once you're happy with the results, click Generate to export every selected layout in its correct size.
Each format is exported at its intended dimensions, ready for publishing or delivery.
Why this matters
Smart Resize lets you start with one finished design and automatically create versions for social media, web, mobile, and advertising formats.
Instead of rebuilding layouts one by one, you can generate them all together, fine-tune only the ones that need attention, and export everything in just a few clicks.
Summary
Design once. Resize everywhere.
With Smart Resize, Fluidfit automatically adapts your design for multiple formats, lets you fine-tune individual layouts with AI Chat, review everything in Grid or Single View, and export it all in just a few clicks.
Try Fluidfit Today












