Best Design+Code Alternatives - 2024

A no-code platform to create responsive webpages with text, links, media, and incredible animations.

Framer is an amazing product that brings design so close to reality for the first time. Making your canvas into a web page is something other tools haven't done, but Framer has. During the Beta period, Framer's team always provided the quickest support for designers who needed features like ZIndex, Grids, and more. Not only that, but Framer still retains its original prototyping features, which is rare for a product with big changes. In terms of visual design, Framer still needs improvement, such as improving the experience of vector tools. Framer must be one of the most valuable software for designers!

The only Visual Collaboration platform built for enterprise-wide collaboration. Freehand by InVision is exclusively designed to help all teams unlock productivity, insight, and connection.

High-quality UX/UI and Wireframe Kits, Illustrations, Templates, and Mockups to make your design workflow faster and easier. Craftwork is a small team of designers and developers. We create our own design stuff and follow new cool products around the internet.

Create High-Fidelity Prototypes in Sketch, XD, or Figma, and Export HTML

Develop iOS apps faster

Colorbox is a tool to produce color sets open-sourced by Lyft's design team 🎨

Hi, is it just me, or how do you change the color? Then I click Add color it just gives me a random color that I can't find how to change (the hex code). I see that I can play with Hue and saturation, but how to change the base color hex code?

Beautiful product mock-ups on demand

Bringing the world's ideas to life. Started as a side-project in 2013, we're now home to nearly 2 million individuals and teams around the world who use Marvel to make ideas a reality.

Bootstrap Shuffle is a tool to help developers ship faultless projects on time, within a presumed budget and without stress. It maximally accelerates the initial stages of the project so that you have more time and can focus on perfecting the details.

Design tool like no other. Prototypes that feel real, with powers of code components, logic, states and design systems.

Previewed is a mockup generator, which is used by devs & designers to create beautiful promotional graphics for your app. Browse a variety of templates, pick one, customize it in a few clicks & download your pixel perfect design.

Very bad experience, no one responds to you, yet they are willing to take your money very quickly. I used this for a week and the exports did not come out as expected. I paid to export more videos and they upgraded me to a yearly subscription. You can only cancel within 14 days of taking out the subscription. No confirmation email, nothing. After several dm's, email's they eventually replied saying that they don't offer refunds, so now I have a yearly subscription to a very bad, shady company.

MDBootstrap stands for material design for bootstrap. Or in simple word, a version of bootstrap that inspired with Material Designs. MDBootstrap have hundreds of beautiful components, templates, animations, effects and helpers. Everything fully responsive, compatible with different browsers and it is easy to use.

It's really strange essential components, as datepicker and toast, being only available through a Pro subscription.

Eva Design System - customizable Design System available for Sketch, with Mobile and Web implementations. The main strength of the Design System is the ability to adapt and integrate your brand making it ideal for any type of product.

A book to learn a logic-driven approach to design intuitive, accessible, and beautiful interfaces using quick and practical guidelines.

Great stuff! I have been working as a web developer for over 10 years and I have learned a lot over the years regarding UX. However, I've never had a definitive guide to help me in applying these concepts in practice. Practical UI is exactly that guide. Straightforward rules that are easy to apply.

Create well-documented products in no time. UI Kit built from scratch for Figma based on the popular React UI library - Ant Design.

Drama Mirror allows you to sync Drama documents to your iOS device and lets you interact with your prototypes. This app requires Drama for Mac (www.drama.app) to function.

Vectr is a free graphics software used to create vector graphics easily and intuitively. It's a simple yet powerful web and desktop cross-platform tool to bring your designs into reality.

I was looking for a free alternative for sketch while I was working on my pet project and needed some quick prototypes.

Design, preview and develop your mobile native app with a single, blazing fast tool. Low-Code Native App Development Platform. Creo gives you the superpowers to create iOS and macOS apps!

Designers and PM’s use Octopus to prototype website structure and calculate project costs on the fly.

Great for brainstorming, but simply awesome for the next stage, when the sitemap needs to be more formalized. You'll get enough structure to have control and overview, while still being free enough to move things around and do things "your way". Really easy to use, not overwhelming like other tools can be. The free plan can feel a bit limited, but enough to get started. The pro plan is great, but the price step up to the team plan is a bit steep when you're a small team (1-3 people), I must say.

Premium and Free Goods for UI/UX Designers.

Design+Code alternatives

We teach designers code & developers design.