0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

Codelessly

Convert designs into working UI, Apps, and Websites.

by Codelessly

users
72K
likes
321
saves
2.6K
comments
9
Free + paid featuresWorks inFigma DesignDev Mode
Price
Free + paid features
Latest version
v13 ยท Sep 30, 2024
First published
Oct 9, 2022
Publisher
Codelessly
Features

What Codelessly does

Summarised from Codelessly's description on the Figma Community.

  • No AutoLayout required!

    Codelessly is different from other tools and does not require designs to be "formatted" as AutoLayout to work.

  • Publish Designs as Working Apps and Websites

    After you import your designs into Codelessly, you can press the publish button and have your designs go live immediately!

  • Generate Code that Developers Love

    Codelessly generates high quality, production ready code by default.

  • Manifest

    Dev Mode panel

    Adds a panel to Dev Mode's Inspect tab.

On this page
Overview

About Codelessly

Codelessly is a free + paid features Figma plugin published by Codelessly in 2022. It works in Figma Design and Dev Mode and has 72,031 users and 321 likes on the Figma Community. It ranks #20 in Figma to Code on our lists.

In the developer's words

Codelessly helps you convert designs into working apps and websites instantly!

Get started at https://codelessly.com

No AutoLayout required!

Codelessly is different from other tools and does not require designs to be "formatted" as AutoLayout to work.

Codelessly gives you a full featured editor that implements 85% of the Figma API spec so you can make edits directly inside Codelessly, instead of jumping back and forth.

Publish Designs as Working Apps and Websites

After you import your designs into Codelessly, you can press the publish button and have your designs go live immediately!

You'll receive a working URL to see your design running as a working app or website.

Generate Code that Developers Love

Codelessly generates high quality, production ready code by default. On top of that, you can customize the code that is generated to match your style and development environment.

Codelessly was built by developers, for developers!

How to Use

To use the Codelessly Plugin, get started at https://codelessly.com

Changelog

What's new

Version 13 ยท released Sep 30, 2024

  • Support additional Admin team role.
Trust

Permissions and privacy

Network access

Codelessly's manifest allows network access to any domain ("*"), so Figma doesn't limit where it can send data.

  • *

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where Codelessly ranks

Compare

Codelessly alternatives

  1. 1

    Figma to Code

    by Bernardo Ferrari

    2.3M users8.5KFree

    Code Conversion Made Easy: Figma to Web & Apps

  2. 2

    Anima

    by Anima

    1.8M users17KFree

    Anima - AI Powered Design to code

  3. 3

    Builder.io

    by Steve Sewell

    1.3M users23KFree

    Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.

  4. 4

    Figma to HTML

    by Figma2HTML

    670K users6.7KFree

    Convert Figma design to HTML

  5. 612K users11KFree

    Convert your Figma design to HTML code in seconds with Framer.

  6. 6

    Locofy Lightning

    by Locofy.ai

    594K users5.3KFree

    Convert Figma designs to code in a flash: React, React Native, Flutter, HTML/CSS, Angular, Next, Vue

FAQ

Codelessly FAQ

What does Codelessly do?

Convert designs into working UI, Apps, and Websites. It's a Figma plugin by Codelessly that runs in Figma Design and Dev Mode.

Is Codelessly free?

Codelessly is free to install, but some features are unlocked through a paid plan on the developer's site.

Is Codelessly safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Codelessly's manifest allows network access to any domain ("*"), so Figma doesn't limit where it can send data. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install Codelessly?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Codelessly?

By user count, the closest alternatives are Figma to Code, Anima and Builder.io. Compare all of them on the best Figma plugins for figma to code.

For developers

Built this plugin?

Use this page as a landing page for Codelessly: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Codelessly on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/codelessly/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Codelessly on figmaplugins.co" width="220" height="48"></a>