Figment helps you add website effects into your Figma designs such as videos, links, animations, and more. We then make it easy to publish or export your website’s code so that you can move faster with your projects
Hey Product Hunt 👋
I’m Tyler, and together with Nikita we built [Figment.so](https://figment.so).
Figment.so is a Figma plugin that helps you and your team operate more efficiently when working with designs in Figma. Our goal with Figment is to make the process of building out a design as fast as CMD-C CMD-V. We’re not quite there yet, but hopefully soon 🤫
✈️ About us:
Nikita and I met on Twitter, and we’ve still never met in real life 🕺🏼 but that didn’t stop us from working together on several projects and logging probably 300+ hours of hacking together. We were initially building a tool that would make adding DNS records much easier, when we stumbled across this idea.
🌟Idea:
When we were working on our previous startup, we noticed how often we would design something in Figma, only to have to repeat the same process in slightly different steps to bring the design to life.
We started experimenting with ways to make the process easier, one thing led to another and we decided to launch Figment as a business instead
🚀 How it works:
1. Open Figma design
2. Launch the Figment plugin
3. Add hover effects, entrance animations, videos, etc. OR have Figment auto-detect the pre-existing prototyped connections
4. Publish the design to a dynamic website or export the code for use in your projects
🔥 Special offer
For all of my Product Hunt friends: use the code ILOVEPH for 20% off of our annual plans, forever. 👊
We’ve got a ton of features coming soon, so definitely follow us on [Twitter](https://twitter.com/useFigment).
*I’d love to hear your feedback, questions, comments, or suggestions - leave a comment below!*
This is looking really neat! I'm digging into a Figma->Webflow rabbit hole in my spare time so this is a cool example of what you can accomplish. Nice work 👍🏻
@theflowagency That's exactly what we were looking at too! What's crazy is that there are a lot of guides online on how to do this, but still no good way to export into Webflow. That's something we want to focus on in the future :) Thanks Glenn!
Beautiful! What a great way to keep designers and front devs in sync. Or, if it's the same person doing those two jobs, than even better! Congrats @nikita_jerschow1
Awesome work Nikita and Tyler! It's been cool to follow your journey. A question though: how does this work for designers who want to hand off to developers? Is the code created maintainably? Or is it more for updating the Figma design and propagating the code as a deployment?
@leo_guinan Thank you Leo, and great question! Our take on code export is that you should select the minimum amount of code you want to export so that you have full control and can component-itize different pieces of the page. One major thing we think Figment will help with is helping designers visualize the animations and such, which are notably hard to do at the moment
Replies
Figment
Figment
Figment
Cashews for iOS & Android
Figment
Tether
Figment
Tether
BlogMaker
Figment
Newsletter Crew
Figment
Figment
Figment
temper
Figment
Invoice Dashboard by Notion and Figma
Figment
Morflax studio
Figment
Figment
Pluckd
Figment
Pluckd
Figment
Figment
ScoreMyDeck.Com
Figment
SaaS Blocks for Tailwind
Figment
Zamp Treasury Management
Figment
Limitless
Figment
Svg icon • Free
Figment