Media, 3D & integrations - flowmo Help Center

Iconify: Icon Library

Search and insert icons from the Iconify library directly onto the canvas.

Effectors (cursor-driven)

Effectors make the scene react to the cursor (or a position). One effector can push/pull particles, drive an object’s transform, and modulate a post-FX parameter — all from where the pointer is in 3D.

Edit a 3D scene with the scoped AI assistant

Use the 3D editor’s scoped AI to add, remove, transform, group, and reparent scene nodes; configure materials, lights, environment, cameras, particles, and post effects; and expose selected properties

Build and optimize an image-sequence element

Play uploaded frames or an external frame manifest at a chosen FPS, fit, autoplay, and loop setting while managing the much higher network and memory cost of frame-by-frame media.

Non-destructive image layers, effects, and workspaces

Keep edits revisable with masks, fill layers, gradients, smart filters, layer styles, channels, and a persistent docked, split, or floating panel workspace.

3D scenes: an overview

flowmo has a real-time 3D scene editor you embed on the page. Add it like any element, then open the full-screen editor to build a scene with meshes, models, lights, cameras, materials, particles, and

Saving & reusing 3D assets

Save parts of a scene — objects, material layer stacks, shaders, post-FX, or a whole scene — to your workspace and drag them into any 3D element.

Use the expanded image editor tools

Work with grouped professional tools, vectors, channels, non-destructive filters/fills/styles, healing brushes, and flexible panel layouts.

Draw, sweep, trim, and animate 3D paths

Edit Bezier anchors and handles, turn curves into swept or filled geometry, animate a path drawing on, and move objects/cameras along it.

Select a subject or object across flowmo

Choose the right subject-selection surface for a quick canvas cutout, a precise layered Image Editor selection, or a reusable Flowgen cutout-and-mask step.

Optimize 3D models in Flowgen and f0

Compress GLB meshes and textures for smaller, faster 3D delivery without leaving the graph/editor.

Layered materials

Stack material layers on one mesh — Spline/Unicorn-style. Composite surface layers (gradients, fresnel, glass, rainbow, toon, outline, noise…) with blend modes, opacity, and masks, and add vertex-defo

Unsplash & Pexels: Free Stock Media

Search millions of free stock photos (Unsplash) and photos/videos (Pexels) and drop them straight onto the canvas.

Replicator

Duplicate an object across a pattern — a grid, ring, sphere, spiral, or scattered cloud — with per-instance variation.

Figma Import Troubleshooting

When a Figma import looks off, check fills/blend modes, grids, icons/images, and rotation — flowmo translates the Figma REST model to f0 elements + components.

3D cinematic authoring: lenses, motion presets, camera rails, and reference backdrops

Choose a lens in millimetres, apply editable shot motion, guide a camera along a path, and model against an edit-only reference.

Objects: primitives, models & transforms

Build your scene from primitive meshes or imported 3D models, organize them in the outliner, and position them with the gizmo or the transform fields — including height-map displacement.

Animating 3D & exposing properties

Almost any 3D property can be animated on the f0 timeline. “Expose” a property to turn it into a sidebar field and a timeline channel, then keyframe or scroll-drive it — including imported model anima

HTML as a 3D texture

Map a live page element — or inline HTML — onto a 3D surface. It rasterizes to a texture, can animate (CSS/video/GIF), and gets lit and reflected like any mesh.

Add and control a Lottie animation

Load a Lottie JSON animation, choose autoplay and loop behavior, tune speed and direction, and select the renderer that best fits the animation and delivery target.

Cameras & cinematic mode

Add real cameras, pick a lens in millimetres, choose which one renders, and use cinematic mode to compose and keyframe shots - capture camera poses, apply a named move from the motion library, or fly

Configure audio elements on the canvas and timeline

Set an audio source and browser playback behavior, then decide whether the element is user-controlled on a published page or timed by a website/video timeline.

Lights & environment

Light your scene with ambient/directional/point/spot lights and shadows, and set the global look with an HDRI environment, background, tone-mapping, and exposure.

Materials & presets

Every mesh gets a material. Use Physical (PBR) for realistic surfaces, Matcap for stylized sphere-lit looks, Shader for custom GLSL, or HTML to map a DOM element onto the surface — and start from one-

Particles

Add a particle system for fire, smoke, sparks, snow, magic, and more. Control the emitter, spawn, life, forces, and rendering — or start from a preset.

Build with 3D modifiers & paths

Stack procedural/deform/constraint modifiers, draw swept 3D paths, extrude closed shapes, and animate objects along them.

Spline 3D: Advanced Integration

Embed interactive Spline 3D scenes and drive them with interactions (e.g. scroll or pointer).

Photopea: In-Browser Image Editing

Edit images inside flowmo with the embedded Photopea editor (PSD/XD/Sketch/AI/PDF/SVG support) without leaving the designer.

Post effects

Stack post-processing passes over the render — bloom, ambient occlusion, vignette, depth of field, screen-space reflections, and custom GLSL — or apply one of 17 one-click looks.

Remove a background with clean, reusable edges

Remove a background through the shared local-first cutout pipeline, preview the clean edge, and hand an automatic result to interactive Select Subject refinement when the first whole-subject guess nee

Build an ordered 3D modifier stack

Add, reorder, expose, and animate generate, deform, and constrain modifiers while keeping the original 3D object editable.

Image editor tools, selections, paths, and channels

Choose the right grouped tool and isolate pixels or vector regions with marquees, lasso, wand/object selection, pen paths, masks, channels, and saved selections.

Import a Figma file (.fig)

Import a Figma design offline — drop a .fig file (no login needed), pick the frames you want, and bring them in as editable pages or onto the current page, with images uploaded for you.

Procedural textures & custom GLSL

Instead of an image, you can generate a texture for any map slot procedurally — noise, gradients, patterns, or your own GLSL — optionally animated.