--- title: "Figma to template: import frames as editable designs | Bannx" description: Paste a Figma frame link and get an editable Bannx design, with text, images, vectors and auto-layout carried over. Mark what changes and render it with data. source: https://bannx.com/products/figma-import --- # Turn a Figma frame into a template you can automate. Import a Figma frame and Bannx rebuilds it as real layers: text stays editable, auto-layout stays auto-layout and constraints still pin. Mark what changes, then render every version from data. [Start free](https://bannx.com/signup)[Read about Figma import](https://bannx.com/docs/templates#importing-from-figma) Open sign-up with 25 free renders every month. Templates are free to use without an account *Nine ads from three campaigns in English, French and Spanish: rendered by one template in English, French and Spanish, then re-sized into a landscape ad, a story and a banner.* Figma frame → sizes0/9 ads ## Before and after ### By hand - Duplicate the frame for every product, price and language. - Resize each copy by hand for every placement. - Export the files one at a time, and do it all again when the copy changes. - Rebuild the design by hand in another tool before you can automate it. ### With Bannx - One imported frame, with the parts that change marked as variables. - Constraints and auto-layout re-lay it out at every size you render. - Up to 500 versions from one spreadsheet, one file per row. - The frame comes in as editable layers, so nothing is redrawn. ## How it works 1. ### Connect Figma On Projects, choose Import, then Connect Figma. It is a one-time sign-in with your Figma account, with no plugin to install. Disconnect undoes it at any time. 2. ### Paste a frame link In Figma, right-click a frame, group or component and choose Copy link to selection. Paste it into Import for a new design, or use From Figma in the editor's media menu to drop it into the design you have open. 3. ### Make it a template Mark the headline, photo and price as variables and swap fixed colors for your brand's values. Then make new versions on the template page, from a spreadsheet in bulk, or by API. ## After the import - [Mark what changesThe import adds no variables. Turn the text and images that change into variables you fill per render.](https://bannx.com/docs/variables) - [Put it on brandThe import keeps Figma's color values. Bind them to your brand's colors and fonts, so one frame serves every brand.](https://bannx.com/docs/brands) - [Every size from one frameConstraints and auto-layout come across, so the frame re-lays itself out as a story, an OG image or a leaderboard.](https://bannx.com/docs/rendering#rendering-at-another-size) - [Bulk export from a sheetUpload a CSV and get one file per row, up to 500 rows a run. A size column can give each row its own format.](https://bannx.com/products/bulk-ads) - [Dark mode without a second frameSave a dark or compact look of the imported design as a variation, instead of keeping a second frame in Figma.](https://bannx.com/docs/templates#in-the-editor) - [Share images from a Figma cardPut an imported OG card behind a signed image URL, so every page gets its own image with no API key in the link.](https://bannx.com/products/og-image-api) - [Add motion to itAdd keyframes in the editor and render the imported design as an MP4 or GIF as well as a still.](https://bannx.com/products/video-generation-api) - [Hand it to your AI agentThe import runs in the app. After that the design is an ordinary template, so an agent can edit, fill and render it over MCP.](https://bannx.com/products/mcp) ## What it costs 25 free renders every month. Starter is $15 a month for 1,000 credits. An image costs 1 credit, a video clip 5 credits. Importing is free. Renders of an imported design cost credits like any other render. [See all plans](https://bannx.com/pricing) ## Questions Something else on your mind? Email [[email protected]](https://bannx.com/cdn-cgi/l/email-protection#f1929e9f85909285b193909f9f89df929e9c). Do I need a Figma plugin? No. Connect your Figma account once and paste a link. The link has to point at a frame, group or component (Copy link to selection in Figma). A file link with nothing selected is refused, with a note on how to copy the right one. What comes across? What does not come across? Does it stay in sync with Figma? What does it cost? ## Automate the designs you already have. Start free, or read how Figma import works. [Start free](https://bannx.com/signup)