Overlay alternatives

Locofy.ai helps builders launch 10x faster by converting designs into production-ready code for web and mobile. We offer 2 options in Free Beta. Locofy Lightning - 1 click design to code, powered by Large Design Models, available for Figma to web, and Locofy Classic - step by step heuristics conversion available for Figma and Adobe XD to web and mobile apps. Use either and sync code to GitHub or pull into VS code.

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

I've curated the best Figma components in one place. Discover, copy and paste UI components in Figma with the most efficient way to build designs. Get all the essentials for any design project in one place.

Use ready-made sections and low-level elements in the free Figma UI library to create amazing projects. Integrate them with Shuffle Editor to get Tailwind CSS components and speed up your developer's work.

story.to.design is a Figma plugin that transforms and imports coded components into Figma. - Works with any framework - Sync components when stories change - Simulate states - Only sync visual updates - Components properties variants supported

Quickr is a versatile Source of Pre-configured Components & Symbols, Which Allows Creating the Interface for any Application Quickly. It is Crafted to Help You Build Any Easy to Complex Product with Simple Drag-n-drop Components.

Design to Code trend is getting bigger and bigger and plugins like Figma to Code are definitely useful. Figma To Code allows you to generate responsive pages/apps on Tailwind, Flutter & SwiftUI from your Figma designs.

Use Figma to ship simple static websites: design in Figma, import on Figside then go live in no time with our Vercel integration!

Browser Kit is a set of components for getting screenshots onto your Figma designs. Screenshots go from your browser directly into your design file, all thanks to the magic of Figma components. All major browsers supported; mobile and desktop included; Win/Mac

Frontdrop converts Figma Designs to actual code. Frontdrop sits between static design files and code and automates much of the process, enabling your team to spend less time sub-optimizing design and development and more time innovating.

ion converts Figma designs into clean react code to free up your development cycles. ion is built on top of a design system (available today) and can understand your codebase to generate high quality code.

Export Figma File to Code. HTML/CSS Easy. Free. When we run the converter, we will convert any top level frames in the document to HTML Markup with Stylesheet as long as their name starts with #. Sample file https://figma.pizza/FigmaConvertHTMLSample.fig

Comprehensive design system featuring modular components to help build consistent, high-quality and performant web apps.

Generate all possible instances for your components on Figma, including every combination of variants and component properties, all in a tidy labelled table.

Gridsome is a free & open source Vue.js-powered framework for building websites & apps that are fast by default 🚀.

This file includes a bunch of experiments with interactive components in Figma to create some motion in your design. You can download Figma Beta to use interactive components.

Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.

Godlike is a production-ready website component library for Framer that will save you tons of time on your projects.

kudos.tv is a go-to place for streamers and content creators to get professional graphic assets. Explore the extensive collection of free and premium stream overlays, alerts, emotes, and much more.