html.to.design (@html_to_design) 's Twitter Profile
html.to.design

@html_to_design

Convert any website into fully editable Figma designs.
By ‹div›RIOTS → divriots.com

ID: 1598687152946176002

linkhttp://html.to.design calendar_today02-12-2022 14:35:12

449 Tweet

2,2K Followers

4 Following

html.to.design (@html_to_design) 's Twitter Profile Photo

New! Lovable → Figma in one click Our html.to.design Chrome extension now supports #Lovable natively. Import your projects instantly into #Figma — no hacks ✨ Here’s what it looks like 👇 html.to.design/blog/from-lova…

Georges (@georges_gomes) 's Twitter Profile Photo

I tried Skywork for slide and website generation. The results were impressive, especially the Van Gogh slides! ❤️🖼️ You can now easily export them to @Figma with html.to.design! We added native support to our Chrome extension. Enjoy! 🎁

Georges (@georges_gomes) 's Twitter Profile Photo

In under 30 seconds... I asked Google Gemini App to create a calendar component and immediately imported it into @Figma 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

In under 30 seconds...

I asked <a href="/GeminiApp/">Google Gemini App</a> to create a calendar component and immediately imported it into @Figma using the new <a href="/html_to_design/">html.to.design</a> browser extension 🏄‍♂️

I can now take over the design in #Figma right away!

#LLMs are also good for designers if you outsource the
html.to.design (@html_to_design) 's Twitter Profile Photo

⚡️#Figma tips → let #Claude or #Cursor create directly on your canvas. No copy-paste. No code export. Just: • Set MCP in html.to.design • Prompt your favorite #LLM • Boom — designs land in Figma 🪄✨ • Edit from the AI or in Figma Fastest #MCP server for Figma.

⚡️#Figma tips → let #Claude or #Cursor create directly on your canvas.

No copy-paste. No code export. Just:

• Set MCP in html.to.design
• Prompt your favorite #LLM
• Boom — designs land in Figma 🪄✨
• Edit from the AI or in Figma

Fastest #MCP server for Figma.
KAWAI (@kawai_design) 's Twitter Profile Photo

4つのLPを同時修正 Create で4つのバリエーションのLP改善を繰り返しています。比較検討がとてもスピーディー。プレビュー公開もできるので、「html to design」を使えばFigmaへの展開も楽チンです。テンプレのストックにも。 Create Kinako

html.to.design (@html_to_design) 's Twitter Profile Photo

Gamma → #Figma in one click ✨ html.to.design now supports gamma.app natively— bring your decks, designs, and docs straight into Figma. Gamma

html.to.design (@html_to_design) 's Twitter Profile Photo

Figma ➞ v0 in a click ✨ Quick reminder that #v0 is natively supported by html.to.design chrome extension, one-click import into #Figma👇 html.to.design/blog/from-v0-t…

Georges (@georges_gomes) 's Twitter Profile Photo

Last week, Anthropic 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! With

html.to.design (@html_to_design) 's Twitter Profile Photo

Skywork → Figma in one click. Fully editable. No hacks. 👉 html.to.design/blog/from-skyw… #Figma #webdesign #AItools #skywork

html.to.design (@html_to_design) 's Twitter Profile Photo

Gemini → Figma in a click ✨ The html.to.design Chrome extension now natively supports Gemini — turn your AI creations into editable Figma files instantly. 🔗chromewebstore.google.com/detail/htmltod… #Figma #Gemini #AIwebdesign

html.to.design (@html_to_design) 's Twitter Profile Photo

Framer → Figma, Import your entire website, fully editable, in a couple of clicks ✨ Here’s how 👇 html.to.design/blog/from-fram… #Figma #designworkflow #Framer

‹div›RIOTS (@divriots) 's Twitter Profile Photo

Microsoft Word → Figma ✨ Import your office documents, fully editable, in a couple of clicks ✨ Here’s how 👇 anything.to.design/blog/how-to-im… #Figma #designworkflow #Office

html.to.design (@html_to_design) 's Twitter Profile Photo

Figma Make → Figma Design, just like that ✨ 1.Generate with #FigmaMake 2.Open the html.to.design Chrome extension 3.Hit “Import” — and boom, editable layers in Figma 🎯 #Figma #designworkflow