Back to Plugins
Figma to Landingi

Figma to Landingi

Turn Figma Designs into Landing Pages with Ease

Plugin Preview

Figma to Landingi preview

About this plugin

Forget manual coding! Landingi's plugin lets you easily convert Figma designs based on the Landingi Design System into functional landing pages in Landing Builder. Design, export, and upload – no hassle, no delays.


Key Features


  1. Design-to-Page Transition: Pixel-perfect accuracy, converting designs into functional elements and sections.
  2. Responsive Ready: Automatically adapt to mobile screens. Rebuild mobile layout in one click.
  3. Team-Friendly: Streamlined collaboration for designers and marketers to deliver faster.


Quick Start Guide


  1. Duplicate the Landingi design system.
  2. Review 'Start here' for key guidelines.
  3. Design your page: customize colors, fonts and components.
  4. Install the plugin & generate code.
  5. Upload to Landingi, integrate links/forms, and set up a thank you page.
  6. Adjust mobile view & publish!


Pro Tips


  1. Use Components for forms/buttons (adjust as needed).
  2. Maintain frame hierarchy ('Start here' Guide).
  3. Use JPG/PNG formats for images.


Learn more: https://landingi.com/product/figma-to-landingi/

Support: [email protected]

Plugin Details

Version1
CreatedFebruary 19, 2025
Last UpdatedFebruary 19, 2025
CategoryImport & export plugins
CreatorKamil Leszczyński
Stats5 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:code.js
  • Document Access:dynamic-page
  • Network Access:

    Internet access is required for real-time communication via WebSocket with the backend, enabling dynamic updates and ensuring secure data exchange.

  • Editor Types:
    figma
  • Allowed Domains:
    • http://localhostDev
    • https://app.codejet.ai
    • https://dev.codejet.xyzDev
    • https://stage.codejet.xyzDev
    • ws://localhostDev
    • wss://app.codejet.ai/
    • wss://dev.codejet.xyz/Dev
    • wss://stage.codejet.xyz/Dev