Figma to Tailwind CSS Alternatives

InVision lets you create stunningly realistic interactive wireframes and prototypes without compromising your creative vision.

Balsamiq Mockups is a web tool that allows users to mock up different designs and ideas quickly and easily. Balsamic Mockups is similar to drawing mockups, but it is digital

Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile!

Framer is a JavaScript framework that makes creating realistic prototypes a breeze – complete with filters, spring physics and full 3D effects. Framer Generator is a desktop app that imports the resources and folder hierarchy from Photoshop files (Sketch coming soon). Import your design and immediately start to add interaction and animation.

A super simple tool that turns any image (including PSDs) or sketch into interactive prototypes for any device. Powered by Dropbox.

The way to plan, prototype, and hand off to developers, all without code. A wireframing, rapid prototyping, documentation and specification software tool aimed at web, mobile and desktop applications.

It is the easiest tool used to turn your UI/UX design ideas into highly interactive prototypes for mobile, desktop, web, all the way to IoT. ProtoPie runs on macOS & Windows and the player app is on iOS and Android.

Instant wireframing at your fingertips. Whimsical includes a rich library of configurable elements like buttons, inputs, checkboxes, and more.

It is a code-based design tool that merges design and engineering into one unified process. Thanks to conditional interactions, variables, state-based animations, and powerful expressions, you can build prototypes that feel like the real thing. In other words, anything that's on the web can be accurately prototyped in UXPin.

Express your creativity with Material, an animation and graphics framework for Google's Material Design and Apple's Flat UI in Swift.

It makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, it helps you create designs that look and feel amazing.

Avocode is a cross-platform app that helps designers and developers collaborate and easily handoff designs. Avocode comes with 14 days free trial.

It is a set of user experience development tools that unify design, prototyping and implementation of high quality, native apps for iOS and Android.

Proto.io supports all the major mobile gestures and touch events like tap, tap-hold, swipe, pinch, and zoom. Interaction designers are not limited to a single ‘link’ transition anymore. Instead they can apply animated screen transitions like slide, fade, pop, flip, flow, and turn.

Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t require programming.

It is a Mac app used by designers around the world to create interactive and animated prototypes of their app designs. It lets designers quickly make interactive prototypes of their mobile, desktop, or web apps.

Fiber UI Kit is the perfect starting place for your next project. Each element has been designed to work independently or as one seamless flow. It’s a full-fledged prototype with customizable components.

Achieve flow with our web app for creating mockups, wireframes and interactive prototypes that look great onscreen and on paper thanks to the Scalable Vector Graphics (SVG) technology.

The ultimate online wireframing tool with a seamless user experience. Access ready-to-use UI Packs and templates and benefit from inbuilt tools for every stage of the product design process.

Supernova converts any mobile design to full-fledged native applications, giving the developers extra time to do actual coding. No need to export resources, write navigation, connect it to components created by hand, read styles, apply styles, copy-paste information..

Anima transforms designs into workable developer-friendly React code, helping designers and developers to work more efficiently by improving collaboration and minimizing grunt work.

Pop is an extensible animation engine for iOS and OS X. In addition to basic static animations, it supports spring and decay dynamic animations, making it useful for building realistic, physics-based interactions. The API allows quick integration with existing Objective-C codebases and enables the animation of any property on any object. It's a mature and well-tested framework that drives all the animations and transitions in Paper.

It is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms.

Pull in designs from Photoshop or Sketch, instantly animate between them, and share your prototypes with anyone or view on any device via URL.

Turn your designs into production-ready frontend code for mobile apps and web. Ship products 3-4x faster with your existing design tools, tech stacks & workflows.

Create animations that flow naturally from the user's movements. Rather than animating properties for a set amount of time, impulse takes a start position, end position, and velocity.

Mockingbird is an easy and fast way to make clickable wireframes and prototypes. Create and share clickable mockups of your website or application.

Mockplus is a web-based collaborative design platform which connects designers, product managers and developers, built for making design faster and easier.

Avocado is an open source interaction design toolbox built by​ IDEO.​ It ​enables designers to make quick interactive prototypes without writing a line of code.​ ​Built on top of Facebook's Origami framework, Avocado provides ready-to-use patches that can be easily combined to create fully-customized prototypes.​ Official announcement: http://labs.ideo.com/2014/05/27/avocado/

Equipping you with hundreds of symbols and dozens or styles configurations, it makes sure the design stays consistent across all of your applications and platforms.

Prott is a new and powerful prototyping tool for designing and developing mobile apps. Through rapid prototyping you can shape your ideas instantly. No matter where you are, you can test your prototypes and share your ideas and comments. Continually improve your design without writing a line of code.

A WYSIWYG editor that generates code for your presentational React components.

Turn your Sketch files into a fully responsive website automatically. Built with artificial intelligence and human touch. Simply upload a Sketch file and we'll automatically generate the front-end code for you.

It is a prototyping tool that lets you design, test and get feedback on your app ideas quickly and without needing to know how to code.

It is a generative AI tool for generating React and HTML CSS code from designs. It is an ensemble of several deep learning and heuristic models.

Simple and fully customizable Sketch UI kit to helps you design and showcase your Facebook Bots. All elements are turned into new branded Sketch symbols, so prototyping has never been easier.

It is a cloud-based wireframing and mockup tool which enables users to create and share designs for website and iOS, Android, and Windows Phone apps. Stencils are presented in a toolbox next to the design surface, organized by type and usage, and are designed to look as if they were sketched by hand.

The platform makes it easy to wire-frame web and mobile sites and to collaborate with team members. It is web-based and therefore terminal and platform independent. The program is user-friendly and has a high standard of interactivity.

It is a powerful wireframe software that enables teams, regardless of size and skills, to brainstorm and create beautiful app wireframes. Through an intuitive interface, rich UI library, and advanced AI features, it has helped thousands of non-designers such as founders, product managers, business analysts, and software developers quickly iterate and validate their ideas.

Uizard is an AI-powered design tool released in 2018. Uizard's easy-to-use drag-and-drop editor and its AI features help users design and prototype user interfaces for web and mobile applications.

It is software that lets you quickly create click-through wireframes and fully interactive UX prototypes.

It is a wireframing tool used to create mockups, prototypes, and user interfaces. This web-based software allows you easily design a website or app without coding.

Creo is designed to help people build native mobile apps in minutes. Design and Code merged in a new powerful tool.

It was created due to a very real need for a platform that offers a way to collaboratively, interactively and visually clarify the ideation stage of a project and thus reduce time, money and aggravation spent during the project. It empowers the translation of ideas into visual, interactive and collaborative layouts with the use of drag & drop smart content, resulting in superior web products that cost less to create. It enables teams to save time, resources & frustration with guided content, easy linking, interactive states, real-time collaboration, time estimations, and more.

It is a wireframing tool that generates polished designs and code. It breathes new life into wireframing by combining wireframes with a design system to generate high-fidelity designs in real-time. This means you can stay in wireframing mode longer, be more creative, and automatically produce design outputs in parallel that excite everyone around you.

It is an open source project that turns Figma and Quant-UX designs into fully functional VUE applications. It ensures that the design stays the single source of truth.

Typostrap is a rapid prototyping tool for planning and building a working concept of your website or application. Typostrap is built on top of a modern, UX-focused Content Management System, TYPO3 Neos and the most advanced responsive front-end framework, Zurb Foundation. Having TYPO3 Neos on board gives you power and flexibility of a Content Management System and makes your prototypes fully interactive, with real behaviour, real content and working interactions. Zurb Foundation brings a responsive grid and all necessary components to build your product quickly and easily. It is the black belt in prototyping.