Dev tools · alternatives · 2026

I Design with Code is a development tool launched in 2016 that enables users to design through code. Available at codepen.io, it serves developers and designers who prefer a code-based approach to creating visual… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. I Design with Code launched in 2016; newer entries below may have overtaken it.

1. 1
   Codesign.io▲327

   Visual feedback on everything

   2015 · codesign.io · its alternatives →

2. 2
   CodePen Projects▲288

   A web based IDE for building websites by CodePen

   2017 · codepen.io · its alternatives →

3. 3
   Microsoft Designer for Web▲472

   Stunning designs made lightning fast with AI

   2023 · designer.microsoft.com · its alternatives →

4. 4
   Flow▲409

   Animate Sketch designs and generate production-ready code.

   2017 · createwithflow.com · its alternatives →

5. 5
   No Code by Design▲94

   Flat-rate professional designers without the HR headache.

   2020 · its alternatives →

6. 6
   STUDIO AI▲467

   The new age design tool with WebDesignAI inside

   2023 · studio.design · its alternatives →

7. 7
   CodeDesign.AI for WordPress▲520

   Transform your idea into a gorgeous website with AI

   2024 · codedesign.ai · its alternatives →

8. 8
   Make▲566

   Visualize all of your Make automations and AI solutions

   2022 · make.com · its alternatives →

9. 9
   AI Designer MCP▲89

   Give your agent tools to create beautiful, codebase-aware UI

   Apr 2026 · aidesigner.ai · its alternatives →

10. 10
    STUDIO 2.0▲516

    Design to live website in one click.

    2019 · studio.design · its alternatives →

11. 11
    Sketch for Teams▲455

    Take design collaboration to the next level in the cloud

    2019 · sketch.com · its alternatives →

12. 12
    AI Web Designer▲534

    New and improved designs for your website using AI

    2024 · bubble.io · its alternatives →

13. 13
    One Year Of Design 2017▲301

    A showcase of the best designs 2017 ✨

    2017 · klart.io · its alternatives →

14. 14
    Craft Freehand, from InVision▲365

    A fast, flexible new way to collaborate, in real time

    2017 · miro.com · its alternatives →

15. 15
    Craft by InVision▲358

    Sketch and PS plugins to pull live data into your designs

    2016 · its alternatives →

16. 16
    Sketch2Code▲407

    Turn hand-drawn design into a HTML with AI. By Microsoft.

    2019 · learn.microsoft.com · its alternatives →

17. 17
    Freehand 2.0, from InVision▲365

    A whole new way to collaborate creatively from InVision

    2017 · miro.com · its alternatives →

18. 18
    My weekend project - Codestagram▲75

    2013 · codestagram.com · its alternatives →

19. 19
    CodeGraphics▲213

    Create and post your beautiful source code on socials.

    2019 · apps.apple.com · its alternatives →

20. 20PM
    Projects Made with Code▲154

    2016 · codemade.io · its alternatives →

21. 21
    Ycode▲297

    No-code web app builder where design meets function

    2021 · ycode.com · its alternatives →

22. 22
    CodeDesign▲246

    No-code platform to build, launch & export pages 91% faster

    2021 · codedesign.ai · its alternatives →

23. 23
    AI Love Code▲162

    Crafting beautiful websites with AI-driven code generation

    2023 · ailovecode.com · its alternatives →

24. 24
    CodeSandbox▲292

    The online code editor for web development

    2018 · codesandbox.io · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →