Plugin Preview
About this plugin
Figma to Lob Plugin
Convert Figma designs into dynamic mail templates
The Figma to Lob plugin makes it easier than ever for your team to design dynamic, personalized direct mail templates directly in Figma, export them to Lob, and send them fast.
Here’s what you can expect
- Design it. Build branded templates with proper dimensions, address blocks, and bleed lines.
- Personalize it. Add dynamic variables, like first name or product preference, to tailor each piece.
- Send it. Your design automatically ports to Lob when you're ready to send.
How it works
- Run the plugin and simply sign in to your Lob account to get started
- Generate a template from one of our many available mail formats (more to come)
- Use curly brackets on text or images to define dynamic content.
- Run the plugin again when you’re done designing, and export your creative directly into Lob
- Once in your Lob account, you can proof your mail and test different merge variables. Then send away!
If you’re using static imagery, Lob can host your assets for free! You may need to self host if you’re using variable imagery or custom fonts, but the plugin will walk you through that process to avoid having to edit HTML.
If you have any questions or need help, please check out the “how to” section of the plugin, or reference our help article here. If you need further help, you can reach us at [email protected]
Plugin Details
Version | 37 |
---|---|
Created | June 23, 2022 |
Last Updated | August 13, 2025 |
Category | Software development |
Creator | Michael Morgan |
Stats | 108 installs, 22 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://api.lob-staging.com
- https://api.lob.com
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://s3-us-west-2.amazonaws.com
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.