How it works
Upload once.
Export everywhere.
Define your palette and safe-zone once. Framewren applies them to every format, every time — no manual resizing, no hex-code drift, no bleed-edge guesswork when the brief changes at 5pm.
Step 1
Upload your hero design
Drop in your hero creative — Figma export, layered PSD, or flat PNG. Framewren parses the file and surfaces brand elements: dominant palette, logo position, type hierarchy. Supported inputs: SVG, PNG, JPG, PDF artboards, Figma file URLs.
No special prep required. Layered files are parsed by layer; flat exports are read from rendered pixels. If the logo is on a transparent layer, Framewren reads its position directly — no markup needed.
Step 2
Lock your brand rules
Set your palette to exact hex codes — no eyeballing, no sampling from a compressed JPEG. Set the logo safe-zone: Framewren calculates the exclusion area per placement dimension, not as a flat percentage. Import from Figma design tokens (JSON), enter manually, or upload your brand guide PDF and let Framewren extract the values.
Rules are stored per workspace and applied to every subsequent export. Update a hex code once and every future output reflects it — including formats you've already run before.
Step 3
The layout engine adapts each format
Framewren's composition engine adapts your hero to each target format. For a 9:16 story, the focal subject is centered vertically and the logo is placed within the top safe-zone clearance. For a 728×90 leaderboard, the headline and logo arrange horizontally within the strip's bleed constraints. Each adaptation is driven by the rules you set in Step 2.
This is not generative guessing. The same hero creative with the same brand rules always produces the same output. Framewren doesn't make creative decisions — it applies yours, consistently, at scale.
Step 4
Export all 40 placements
One ZIP. Every format named by platform convention: instagram-story-1080x1920.png, og-image-1200x630.webp. PNG, JPG, and WebP output available. Studio and Team plans include batch download and direct export to Figma libraries and Adobe CC.
Works with your stack
Connects with your existing toolchain
Pull design tokens from Figma, push exports to Adobe CC libraries, open in Canva, or deploy assets directly to Webflow. Framewren sits in your workflow without replacing the tools your team already knows. It handles production volume; you keep creative control.