🆕 Something secret, just for my friends! ♥️ Did you love html.to.design for importing websites into Figma Design? 🚀 Get ready for "html to make" Convert any website into a Figma Make project! Start prototyping your new features now! 🎁 Super early access for the weekend! Link: html-to-make.com
html.to.make
Bootstrap your Figma Make project
html-to-make.com
UI Draft on a napkin → @Figma.com Design ✨ 👉 image.to.design with autolayout 😎
Last week, @Anthropic.com released Artifact space. (link in thread) It's a great place to refine and iterate over your creations in #Claude. By combining it with html.to.design, you can create apps, webpages, and components in Artifacts and seamlessly send them to @Figma.com! 👍
If you didn't know... The html.to.design technology is also available as an API! You can integrate the "Export to Figma" feature into your product! 🚀 More details at: code.to.design #figma
The upcoming release of psd.to.design is going to be next-level! We've been working with complex PSD files from users, and the results are stunning. 👌 Convert your Photoshop files to @Figma.com today! psd.to.design #adobe #photoshop #figma
You have Apple's Liquid Glass... And you have this: tools.dverso.io/bgremove/ Remove background of images in a 3D Laundromat 🤯
In under 30 seconds... I asked Google's Gemini to create a calendar component and immediately imported it into @Figma.com using the new html.to.design browser extension 🏄♂️ I can now take over the design in #Figma right away! #LLMs are also good for designers if you outsource the boring stuff 🤗
I tried skywork.ai for slide and website generation. The results were impressive, especially the Van Gogh slides! ❤️🖼️ You can now easily export them to @Figma.com with html.to.design! We added native support to our Chrome extension. Enjoy! 🎁
Do you want to bring your beautiful slides from Genspark.ai into @Figma.com? It's now easier than ever with the new version of @html_design browser extension 👍 (html.to.design/chrome-exte...) Enjoy! #llmstodesign
Today, we're excited to announce support for lovable.dev in html.to.design! 1️⃣ 💆♂️ Vibe-code your ideas and get inspired in #Lovable. 2️⃣ 🖌️ Send them to @Figma.com in just a couple of clicks! Don't start from scratch—outsource the tedious scaffolding to AI! 🎁 Try it today in html.to.design
@figma.com just released its MCP Dev Mode server beta. This is good for Figma➡️Code workflows 👍 If you need Code➡️Figma, you can complement it with html.to.design MCP server 💊 Installation instructions: html.to.design/docs/mcp-tab Figma announcement: www.figma.com/blog/introd...
Introducing our Dev Mode MCP server: Bringing Figma into your workflow | Figma Blog
Today we’re announcing the beta release of the Dev Mode MCP server, which brings Figma directly into the developer workflow to help LLMs achieve design-informed code generation.
figma.com
From Figma Make to Figma Design? Yes! 👍 Thanks to html.to.design Chrome extension. Explore ideas or ask Make to do all the boring work. => Import to @figma.com Design with Autolayout and variables. Bootstrap the boilerplate with Figma Make and start the real design work in Figma Design
You can now directly capture your @v0.dev creations to @Figma.com with the new Chrome extension integration of html.to.design. ❌ No need to "open in new tab" ❌ No need to deploy to an URL ✅ Just call the html.to.design Chrome extension when you are ready! 🎉 #llms2figma
📦 story.to.design Figma plugin does support Storybook 9.0 day 1 👍 Enjoy! Congrats to the @storybook.js.org team for the big release 9.0 👏 Official post: storybook.js.org/blog/storyb...
Storybook 9
The lean, mean component testing machine
storybook.js.org
You want to explore designs in @bolt.new and then jump into @Figma.com for the fine tuning? It's easier than ever now with html.to.design browser extension and native support for #Bolt. Enjoy!
Tried **Stitch** (stitch.withgoogle.com)? @googlelabs.bsky.social delivers quality, clean designs. Not "AI slop" for once! But, advanced "Experimental mode" lacks direct @Figma.com export—use the html.to.design plugin instead! 😉 Here's the demo!
In March, we served 18.75 million views on figma.to.website's published websites, delivering 3.88TB of data worldwide 🗺️ (+36% vs. Feb 📈). figma.to.website definitely gets you views 😊 #figma #website #site
🆕 We've created the fastest #MCP server to use with @Figma.com! Ask the LLM to generate code and import it into Figma. See it in action with cursor.com, importing via URL🔗 and #HTML👨💻. #AI is an excellent tool for designers! Looking forward to hearing your feedback 🤗
📣 figma.to.website 2.0 with #Notion integration launching today on Product Hunt! @Notion.com + @Figma.com = ❤️ We need your support! www.producthunt.com/posts/figma...
figma.to.website 2.0 - Notion + Figma = Website | Product Hunt
Publish your website from Figma in a click! Get a fully responsive site with free hosting and all the settings you need for SEO, performance, forms, custom code, embeds, analytics and more. Plus, connect to Notion to incorporate your own content!
producthunt.com
New onboarding available for figma.to.website, now combined with beautiful new templates 🎁 All templates are responsive and ready to be published on the web with figma.to.website! Enjoy! #figma #web #figmatowebsite
📣 We released the CMS feature for figma.to.website! 📖 Connect Notion databases as a CMS. It's already powering three of our websites, and it's a game changer! Design in @Figma.com - manage content in @Notion.com! Best of both world 🤗 You can simply start in the plugin on the CMS tab:
For a long time, users of html.to.design have been asking for a communication tunnel between our browser extension and our #Figma plugin. We always relied on a local file because it was the absolute most private solution. And we are keeping the file capture method for this reason! But now...
Major milestone for our @html_to_design Figma plugin! **🎉 10 million webpages imported!** To celebrate, we released three major new features this week! Check them out! I'm humbled and thrilled to help so many designers every day. @Figma community is awesome! #figma #design #figmaplugin
I'm very excited to be speaking at @figma.com's Config in SF this year! I will be taking you on a journey with @divriots.com plugins 🚀 Spoiler: I will present a new plugin! 🤫 Join me on May 6 - 8 live in San Francisco or virtually from around the world. Register at config.figma.com #config2025
👨💻 Working on a large update for figma.to.website! The preview experience will be 👨🍳💋 #figma #nocode #designisallyouneed
v0, Lovable, and now Bolt can begin with a @Figma.com design for "vibe coding"... I've seen demos of this for websites and landing pages. I don't think it's the right approach for this use case because:
The team has been working on foreign language import for @html_to_design. Previously, the URL import was limited to American English; you had to use the Chrome extension for other languages. Rejoice, everyone! It's coming soon 🎉
The team is working on the goodies we're bringing to @Figma #Config25. I'm very excited about these pencils! 😊
Tips Tuesday! To import Google Slides into @Figma, export them as a PDF and use the pdf.to.design plugin. Enjoy! 👍 #figma #slides #google
