DEV Community

Cover image for Drive Webpage Changes with Figma
Jon Lehman
Jon Lehman

Posted on

1

Drive Webpage Changes with Figma

A couple weeks back I finally had a chance to mess around with the newest version of the Figma API. I put together this little demo for internal-Theorem knowledge-sharing.

Basically, I designed a quick landing page in Figma, coded out that design to a live page but synced up the styles, images, text, etc to the Figma document. This way, as a user makes changes to the landing page they will see their changes reflect on the live web page, responsiveness and all!

Obviously, it would be a pretty bad idea to use this as-is in production (because of slow loading, SEO, security, etc). However, this experiment has given me a taste of some of what could be possible by harnessing the power of Figma and their API so I wanted to share! Enjoy!

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay