Subscribe
Sign in
p/figmentFigma design to website without coding
Start new thread
Tyler Kennedy

Figment - Figma design to website without coding

by•

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

Add a comment

Replies

Best
Tyler Kennedy
Maker
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!*
Atul Ghorpade
@tyler_kennedy3 Congrats, Tyler and Nikita. You are one of the first movers in this Figma space. Good luck!
Tyler Kennedy
Maker
@atulghorpade Thank you!
Glenn McWhinney
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 👍🏻
Nikita Jerschow
Maker
@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!
Romano Pravdic
This looks amazing. Congratulations on the launch. Is there a demo version available?
Nikita Jerschow
Maker
@galaxyx7 Thank you! Currently no demo version, but I'll DM you once we have it (it's been a crazy few days 😅)
Dan Cleary
Awesome product, congrats on another launch @nikita_jerschow1 🚀
Nikita Jerschow
Maker
@dan__cleary Let's goo! Thank you Dan - it was a definitely a crunch towards the end 😅
Val Sopi
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
Nikita Jerschow
Maker
@valsopi Thank you Val! My thoughts exactly. No need to do 2x the work to accomplish the same thing. I appreciate your support :)
Yaroslaw Bagriy
Congrats on the launch!
Nikita Jerschow
Maker
@yarobagriy Thank you Yaro - your support means a ton!
Atul Ghorpade
Congratulations on the launch, Nikita. Looks great idea.
Nikita Jerschow
Maker
@atulghorpade Thank you for the support Atul - I would love to hear if you have any feedback :)
Atul Ghorpade
@nikita_jerschow1 My pleasure. When I will start using Figma, then I will definitely keep in mind about Figment.
David Kobrosky
Currently using Figment for some prototypes and love the tool :) awesome to see it on here
Nikita Jerschow
Maker
@kobro_sky Thank you David - I'm so happy to hear that :) Definitely let me know if you have any feedback!
Jonas Pelzer
This looks great, I was waiting for something like this to pop up!
Nikita Jerschow
Maker
@jonaspelzer Thank you! I'd love to hear your feedback on it given your both a designer and a dev!
Nikita Jerschow
Maker
@karimsaif Let's gooo!
Augis Kaleinykas
Congrats on the launch, this product looks really great!
Nikita Jerschow
Maker
@augis_kaleinykas Thank you Augis! Let me know if you have any feedback :)
Eric Button
This is awesome!
Nikita Jerschow
Maker
@eric_button1 Thank you Eric! Would love to hear your feedback!
Fernando Cordeiro
Hey @nathalia_leite, come check this out!
Nikita Jerschow
Maker
@nathalia_leite @fernando_cordeiro2 Thanks for sharing! Would love to get both of your feedbacks on this :)
John Shahawy
Great product! Congrats on the launch!
Nikita Jerschow
Maker
@jshahawy Thank you John, Your support means a ton - we hope to keep building :)
Victor
Awesome tool. I will test it. for sure. Good launch
Nikita Jerschow
Maker
@lamacorn_the_llama Thank you Victor - I appreciate you!
Leo Guinan
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?
Nikita Jerschow
Maker
@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
Gene
Congrats Tyler and Nikita! This looks amazing and I'm eager to test it out!
Nikita Jerschow
Maker
@cogentgene Hey Gene, thank you so much. I absolutely can't wait to hear your feedback :)
Raghav Saraf
This is absolutely a real problem solver! Congratulations on launching, will try it out for sure.
Nikita Jerschow
Maker
@sarafraghav Thank you Raghav - I can't wait to hear your feedback!
Tim Connors
You guys are insane can’t believe you built this 🔥🔥🔥 so so cool!
Nikita Jerschow
Maker
@tim_connors Thank you Tim! I appreciate you :)
Muhammet Çalış
It looks very useful, I will try it as soon as possible. 👏
Nikita Jerschow
Maker
@umut_dunyasi Hey Muhammet! I'm so happy to hear this - whenever you try it I'd love to get your feedback :)