Subscribe
Sign in
Figment — Figma design to website without coding
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
94
Replies
Best
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
@valsopi Thank you Val! My thoughts exactly. No need to do 2x the work to accomplish the same thing. I appreciate your support :)
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
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!
This looks really promising. As someone who builds landing pages all the time, I’ll give this a spin very soon. Are you planning to open this up for integrations? Connecting this with zapier/integromat would be killer.
Congrats on the launch of what looks like an amazing product!
Noticed it a bit too late but anyway yhappy to offer my support
A lot of tools have attempted this and failed. Very cool that Figment not only succeeds, but allows animations as well! Looking forward to using it more.
@ryan___doyle Thank you Ryan - I can't wait to hear your feedback on it!
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!*
@tyler_kennedy3 Congrats, Tyler and Nikita. You are one of the first movers in this Figma space. Good luck!
Congratulations on the launch. Getting from design to production is getting more and more complex and this is very promising. Looking forward
@subhashchy Thank you Subhash! I look forward to hearing your feedback!
This looks amazing. Congratulations on the launch. Is there a demo version available?
@galaxyx7 Thank you! Currently no demo version, but I'll DM you once we have it (it's been a crazy few days 😅)
@nikita_jerschow1 @tyler_kennedy3 Congrats on the launch! I love that Figment is built as a Figma plugin so that you can generate the code from within your Figma designs right away. No back and forth between multiple tools. Also, having the choice to just export the code or create and publish the website for free is really nice. Well done!
Hey guys, this is such an amazing product. Tried hosting my first figma design. It really goes well. I just have few queries with the multiple pages. I have couple of pages like "about us" and "Contact us". How do I link those pages to my home page ? I gave the link in figma's prototyping. But not sure how to figment it. ;). Any help would be much appreciated.
Tested out this product a while back and was really impressed with how well it turned my figma design to an actual live website in minutes. The future for No code systems is really promising.
So cool! Can this publish to a Bubble.io? We could use this at Softwareguide.io
@avi_hercenberg Thats a great idea actually! is there anything similar that exists for bubble currently?
@nikita_jerschow1 I don't think so but if you publish this for Bubbl.io I'd be the first to use it with !softwareguide.io
@atulghorpade Thank you for the support Atul - I would love to hear if you have any feedback :)
@nikita_jerschow1 My pleasure. When I will start using Figma, then I will definitely keep in mind about Figment.
@augis_kaleinykas Thank you Augis! Let me know if you have any feedback :)
@umut_dunyasi Hey Muhammet! I'm so happy to hear this - whenever you try it I'd love to get your feedback :)
Sealit