Convert any website to editable Figma designs

FigmaChain is a set of Python scripts that generate HTML/CSS code based on Figma designs. Using OpenAI's GPT-3 model, FigmaChain enables developers to quickly generate HTML/CSS code from a Figma design input. It also includes a Streamlit-based chatbot interface for interactive code generation.

Figma based UI library for nim, with HTML and OpenGL backends.

Website ini merupakan hasil slicing dari Figma ke responsive website menggunakan HTML, CSS, dan JavaScript

Design to Code Engine

Convert DOM node to Figma node

A boilerplate for creating Figma Plugins with html, css and vanilla javascript without frameworks

Export Figma frames as responsive HTML and CSS

Figma html export chrome extension

Best Figma design to HTML/CSS converter on the internet 👀

Bridge from Figma designs to LLM-friendly HTML/CSS code

Figma to HTML/React/Vue and truly responsive

It is a fully responsive and adaptive multi-page website for a midsized multinational IT company. The website was built using pure HTML, CSS (SCSS), and vanilla JS, following BEM and semantic coding principles from the Figma design. It includes dynamic animations, parallax, popups, sliders, and other engaging features.

Food Delivery App (Figma to HTML)

Horizon UI Landing Page Kit - Free Tailwind CSS + HTML + Figma Website Landing Page Kit

Export Figma, Sketch, AdobeXD, HTML/CSS to React js code and integrate with your code base, using Desech Studio - nocode visual HTML/CSS editor

In this mobile-first approach project I used HTML and CSS to build a portfolio based on a Figma design. I used flexbox, grid and Bootstrap framework.

Figma plugin to convert layers to Tailwind HTML/JSX (utilizing JIT and custom configs)

📁 [PERSONAL PORTFOLIO] 🌟 An HTML-5 & CSS3 repository representing my personal portfolio, crafted during the portal learning module. 📚🚀 🔧 Demonstrates my mastery of Gitflow, Linters, HTML5 semantics, and creative use of CSS3 flexbox, grid, and figma. 💻✨

The portfolio project involves creating HTML/CSS/JavaScript linters and building a professional portfolio webpage using a Figma template as a reference.

This is a portfolio website that makes use of figma design and mobile first approaches. It was built with html, CSS, and JavaScript. It portrays the usage of flexbox and grid and dynamic DOM manipulations with JavaScript.

Repo for bug tracking

💛 A simple website created on HTML/CSS based on a Figma template

Explore my open-source Developer Portfolio Website – HTML, CSS. Sections include About, Languages, Projects, Experience, and Contact. Figma design, YouTube tutorial. Star if you find it helpful!

Export Figma, Sketch, AdobeXD, HTML/CSS to Vue js code and integrate with your code base, using Desech Studio - nocode visual HTML/CSS editor

A fictional photography portfolio built with HTML, CSS, and JavaScript, showcasing multiple sections such as home, about, gallery, blog, testimonials, and contact. Designed in Figma and deployed on Netlify, demonstrating responsive layout and clean UI structure.

Extra simple responsive RTL and LTR page, user-friendly, and visually appealing business website using figma design that provided, developed with HTML, CSS, and JavaScript technologies using GitHub.

Portfolio is a HTML, CSS and JavaScript project that displays a personal portfolio. I have parsed a Figma design to create a UI in both mobile and desktop version. I have also used JavaScript events and DOM manipulation to create the mobile menu pop-up and modal pop ups.

Source files for Tuts+ course: Landing Page Design: From Figma to HTML and CSS

💻 A "portfolio" HTML-5 & CSS3 repository built during the portal learning module. It is a show of my understanding of Gitflow, use of Linters, HTML5 semantics, CSS3 flexbox, grid and figma.