Skip to main content

Layer Compositor

Bring Your Layers Together

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

Did this answer your question?