Figment

Figma design to website without coding

2.0•1 review•

33 followers

Figma design to website without coding

2.0•1 review•

33 followers

•

•

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

Free Options

Launch tags:Design Tools•Website Builder•No-Code

Launch Team

LoomTalk it through in Loom. Ship with AI

Promoted

ScoreMyDeck.Com

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?

Report

4yr ago

Figment

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

Report

4yr ago

Figment

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!*

Report

4yr ago

@tyler_kennedy3 Congrats, Tyler and Nikita. You are one of the first movers in this Figma space. Good luck!

Report

4yr ago

Figment

Maker

@atulghorpade Thank you!

Report

4yr ago

Cloudo

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.

Report

4yr ago

Sealit

First of all, I must say - thank you for sharing your story! It is truly great knowing that two people have the same passion and work on their ideas even separated! Big support for Nikita and Tyler! Never give up on your visions! ^_^ Figment is an amazing tool! It is totally awesome having so many additional features that can help accomplish our own projects! Could you tell me please, does Figment support gif formats? ^_^

Report

4yr ago

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.

Report

4yr ago

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 👍🏻

Report

4yr ago

Figment

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!

Report

4yr ago

BlogMaker

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

Report

4yr ago

Figment

Maker

@valsopi Thank you Val! My thoughts exactly. No need to do 2x the work to accomplish the same thing. I appreciate your support :)

Report

4yr ago

1 2 3

•••

2.0

Based on 1 review

Review Figment?

Reviews

Most Informative