Back to Plugins
transjt.io – AI powered design to code, to hubspot

transjt.io – AI powered design to code, to hubspot

Convert figma design to code with AI with auto integration into HubSpot

no codecode generationresponsivecsshtmlwebsitehubspot cmshubspotdevelopercodecode-generatorswebfigma2code

Plugin Preview

transjt.io – AI powered design to code, to hubspot preview

About this plugin

👋 Hi community, 

we all were waiting for a simple solution 🚀 for converting unique designs to code and integrating them automatically to enterprise CMS like HubSpot, Shopify or Contentful – and here comes transjt.

First move is the integration with HubSpot, yeah!


We are proud to invite you to our transjt-journey and welcome you to use our beta environment to export your unique designs to code or directly into HubSpot. Yes, directly – directly as integrated code for further usage and handover to your final clients. Sounds cool, or?


How to start

  1. Download the transjt-plugin
  2. Sign Up / create account https://transjt.io
  3. Check our "getting started" docs: https://transjt.notion.site/a3e1734ac751440ca0c0841e0b32ee36?v=3d4e3d280057489b8902a1f16deea242
  4. tag logical elements like headers, footers and forms with A.I.
  5. Design with Auto layout – Use auto layout for the best result. This will automatically convert all layers to responsive web elements, making publishing your designs to HubSpot much easier. Consider that each auto layout adjustment can lead to a slightly different export result.


Start using it! It's free. Please don't forget that we are in beta and not everything is perfect ;-)

But we keep improving transjt day by day.

 

Have fun!

Plugin Details

Version23
CreatedSeptember 27, 2023
Last UpdatedJanuary 29, 2025
CategorySoftware development
Creatortransjt.io
Stats190 installs, 44 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • http://localhost:5737Dev
    • https://*.figma.com
    • https://*.transjt.io
    • https://eu-assets.i.posthog.com/
    • https://eu.i.posthog.com
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com
    • https://transjt.io
    • wss://*.transjt.io
  • Codegen Languages:
    • CSS(css)
    • HTML(html)