frame.town lets you design and deploy frames from Figma, without any code.
💜 Thanks for beta testing our Figma plugin. If you have feedback, questions or issues, let us know in our group chat, it really helps us!
https://www.loom.com/share/a3e95e9b5dcc42fca3b3adbbc7c65406?sid=db16f1fe-6de1-41ac-89b7-e580911171e0
Follow this guide to build a frame in minutes - all without code, and entirely in Figma.
<aside> 👨‍💻 1. Open our Figma plugin in a new Figma file (e.g. a new Playground File).
<aside> 👩‍🎨 2. Change the design of frames by placing items inside of the *Frame Image *component, nested in the ****Frame component.
</aside>
<aside> ⏺️ 3. Add buttons to frames by copying e.g. Button 1 in the Frame Buttons component, and pasting it into the Frame Buttons component. Double click into the button to edit text.
<aside> âž• 4. To add a new frame, copy and paste an existing Frame component, and modify the Frame Image and Frame Buttons as needed.
</aside>
<aside> 🔀 5. Link buttons and frames together in the Prototype tool (right-hand tab). ****Connect buttons inside the Frame Buttons component (e.g. Button 1 - not the parent Frame Button component) to the Frame you want that button to navigate to.
<aside> ➕ 6. Deploy your Frame by running our plugin again from your menu (Plugins → Farcaster Frames). It’s then deployed instantly, letting you copy and paste the Frame URL into your Farcaster cast!
💜 Thanks for being early and helping us beta test! 💜 Let us know how it went by posting in /frametown or posting in our group chat! All feedback is appreciated, and we’re constantly making improvements.