Fil Docs
Guides and tutorials for everything in Fil: generating images, video and 3D on a canvas, workflows that do a whole job, the video editor, designing pages, and building and publishing websites.
Start here
QuickstartSign in to Fil, start a canvas, generate your first picture with Nano Banana 2.1 and turn it into a five-second video, step by step, in about five minutes.
Image generationGenerate AI images from a text prompt or a reference image with Nano Banana 2.1, GPT Image 2.5 and Ideogram 4.5, then upscale them or remove the background.
Build a websiteBuild a multi-page website from a brief in Fil: pictures made first, a shared design system and editable content, then add pages, edit them and publish.Get started
What is FilFil is an AI creative studio on a canvas. Generate images, video, 3D models, code, sound and websites with leading models, then edit, share and publish them.QuickstartSign in to Fil, start a canvas, generate your first picture with Nano Banana 2.1 and turn it into a five-second video, step by step, in about five minutes.The sidebar and menusFind your way around Fil: every sidebar row and what it opens, the ⌘K command menu and its Docs search, the account and workspace menus, and canvas menus.Keyboard shortcutsEvery keyboard shortcut in Fil, by where it works: the whole studio, the canvas, the full view, image tools, Layers, documents, the video editor and Design.
Create
Image generationGenerate AI images from a text prompt or a reference image with Nano Banana 2.1, GPT Image 2.5 and Ideogram 4.5, then upscale them or remove the background.Video generationMake AI videos from a prompt or a picture with Seedance, Kling 3.0, Grok Imagine, Wan and more, with start frames, references, sound and real prices.3D generationTurn a picture or a prompt into a textured 3D model with Tripo and Meshy, then rig and animate it, view it, download the GLB or make a picture of it.Code generationGenerate web pages, components, slides, articles, SVG, Three.js scenes and more with Claude, GPT, Gemini and others, then preview and revise them.
Design
The Design tabEdit any page Fil makes as in Figma. Select and retype text, restyle layout, colour and type in the inspector, design for phones, and restore versions.Design systemsKeep a site's colours, fonts, text styles and spacing in one design system. Change a variable once and every page follows; import or export tokens.ComponentsMake a nav bar, button or card a component, edit its main once and every copy on every page updates. Add instances, variants, hover states and properties.Edit with the agentDescribe a change and the Design tab's agent edits the page's code with Claude or Gemini, makes new pictures for it, and saves a version you can undo.
Websites
Websites in FilFil makes three kinds of website from a prompt: a Website with pages, a design system and a CMS, a Simple HTML page, or a React app. Compare them and pick one.Build a websiteBuild a multi-page website from a brief in Fil: pictures made first, a shared design system and editable content, then add pages, edit them and publish.Simple HTML pagesMake one self-contained HTML page from a prompt in Fil, for an invitation, an event or a single landing page, then edit it, download it or publish it.Websites with dataA Website in Fil keeps its content in a data node, a small CMS: edit products, posts and details as collections and every page that shows them updates.
Workflows
Ready-made canvases that do a whole job, each with a tutorial.
Logo and brand guideThree directions of marks, then a brand board and a brand guide page.Image · ~4 minutes
Manga chapterA cast sheet, a places sheet, a cover and inked pages that tell one short story.Image · ~5 minutes
Story videoA character sheet, keyframes, shots and a score, ready to cut together.Video · ~10 minutes
Product promo videoYour product photo becomes stills, clips, an end card and music to cut together.Video · ~8 minutes
Product photoshootYour product in a studio shot, a second angle, a close-up and a colourway.Image · ~3 minutes
3D assetA clean concept, a turnaround to check it, then a textured 3D model.3D · ~4 minutes
Game characterA concept, a clean A-pose turnaround and a 3D model ready to rig and animate.3D · ~5 minutes
Material maps to Three.jsA seamless surface and its maps, lit in a Three.js scene you can turn and publish.3D · ~4 minutes
Holographic cardCard art, its depth and a foil card in 3D you can tilt, spin and flip.3D · ~3 minutes
Illustration setThree illustrations in one consistent style, and a vector SVG of your favourite.Image · ~3 minutes
Illustrated bookPainted plates, an endpaper, a map and a portrait in one painting’s style.Image · ~6 minutes
React websiteA React site from your brief, with a hero image and section pictures made for it.Web · ~4 minutes
HTML componentOne self-contained UI component from your spec, with an illustration made for it.Web · ~2 minutes
Website with a CMSPages that read from content you can edit, with one shared design system.Web · ~5 minutes
YouTube thumbnailsYour photo in four thumbnail styles for one video, to pick from or A/B test.Image · ~2 minutes
Instagram carouselSeven slides that read as one post, a hook, five points and a call to action, and more up to ten.Image · ~3 minutes
Reel plannerA 30-second Reel planned scene by scene: pictures, what to say, a voiceover and a storyboard.Video · ~4 minutes
UGC video adA creator with your product, talking to the camera like a real review: a hook, a demo and a verdict.Video · ~8 minutes
Social campaignOne product photo becomes three posters, a product shot and each platform’s post, shared with one link.Image · ~6 minutes
Book coverA front and a back cover that are one piece of art, and the printed book.Image · ~2 minutes
T-shirt designA front and a back print ready for screen printing, and the shirt wearing them.Image · ~3 minutes
Business cardBoth sides of your card as print-ready artwork, and the printed cards on a desk.Image · ~2 minutes
Icon setA consistent set of icons on one sheet, and the same set redrawn as clean SVG.Image · ~3 minutes
Website heroA hero image made for the layout, and the responsive hero section built around it.Web · ~2 minutes
Visual explainerA topic or a document as one rich page: the answer first, then a diagram, the steps and the numbers.Web · ~3 minutes
YouTube video planA video planned and scripted like the best channels: title, thumbnail, hook, story, intro and outro.Video · ~4 minutes
Children’s bookA picture book: the hero, a cover, five illustrated spreads, the book to page through and a read-aloud.Image · ~5 minutes
Talk slidesYour talk’s slides made as pictures, one big idea each in one look, and a deck with speaker notes.Image · ~4 minutes
HeadshotsYour photo as headshots in six styles, from a corporate studio to black and white, always clearly you.Image · ~2 minutes
Packaging designYour pack’s front and back as print artwork, then the pack, the range and a lifestyle shot.Image · ~3 minutes
Team photoEveryone’s own photo in, one team picture out, in four settings: studio, at work, outdoor and candid.Image · ~2 minutes
Workshop dayA 9-to-5 hands-on workshop planned to the minute, with the slides and visuals to teach it.Web · ~5 minutes