Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Figma

Figma is a collaborative interface design tool that enables the entire team’s design process to happen in one online tool.

https://github.com/pernillasterner/collab-multistep-survey

This repository contains a collaborative project to build a multistep survey form using the MERN stack (MongoDB, Express.js, React, and Node.js). Users will be guided through a series of questions in a multistep format and receive a summary of their responses at the end. All survey data will be stored in MongoDB.

backend css3 expressjs figma frontend fullstack html5 mern-stack mongodb mongoose nodemon reactjs rest-api ui

Last synced: 23 Dec 2024

https://github.com/br4adam/set-figma-plugin

A Figma plugin that adds a striped overlay to selected elements.

figma figma-plugin

Last synced: 13 Jan 2025

https://github.com/davitorress/explorer-stage03-projeto01

Desafio para aprendizagem da estilização e construção de formulários mantendo a acessibilidade

css figma html rocketseat rocketseat-explorer

Last synced: 06 Feb 2025

https://github.com/brian-porter/Design-System

ABLE - An open source cross-platform design system to build faster, more scalable applications.

android design-patterns design-systems desktop-app figma flutter-apps ios react-native web zeplin

Last synced: 24 Oct 2024

https://github.com/susickypavel/figma-background-stripes-plugin

Figma plugin for generating background with stripes

figma figma-plugin stripes

Last synced: 06 Feb 2025

https://github.com/omid-bakeri/shoes_project-phase1

Omid shoes online shoe store (first phase) In the first phase of the Omid Show online site, all the files and design of the project have been placed. Interface design and user experience

design figma ui-design ui-ux ux-design web-design

Last synced: 11 Jan 2025

https://github.com/ingritedaiane/business_card

Projeto | Agregador de links para usar como cartão de visitas online.

css figma git github html javascript

Last synced: 28 Nov 2024

https://github.com/kawankakubo/dev-links

Dev-Links é um projeto pessoal que centraliza links importantes para desenvolvedores. Desenvolvido em colaboração com a Rocketseat como parte de uma iniciativa gratuita para iniciantes, este site fornece uma maneira prática de organizar e acessar recursos úteis da minha carreira de desenvolvedor.

css figma git github html javascript

Last synced: 11 Oct 2024

https://github.com/devbluecomet/jobzilla

💼 An app to find your next job. Built with Next.js and Tailwind CSS with the help of the Infojobs API and leaflet.js for the map.

figma leaflet maptiler nextjs pexels react shadcn-ui tailwindcss vercel

Last synced: 30 Jan 2025

https://github.com/opensmock/bloc-figma

Tools to generate Bloc elements from Figma datas.

bloc figma figma-to-code open-smock pharo pharo-smalltalk smalltalk smock toplo

Last synced: 09 Oct 2024

https://github.com/bulatovatati/yacht-jet

https://www.figma.com/design/C2qftvbSdcoKRrB00hTqvQ/YachtJet-(Copy)?node-id=0-1&t=K4KgkZKFWZKZQnI7-0

css figma html5 js

Last synced: 11 Oct 2024

https://github.com/suleman-tasawar/space-tourism

A space tourism website frontend

figma htlm5 reactjs tailwindcss

Last synced: 19 Dec 2024

https://github.com/colinlienard/auto-layout-spaces

👀 A Figma plugin to view all spacing at once in auto-layouts

auto-layout figma figma-plugin spaces

Last synced: 27 Jan 2025

https://github.com/hasanhammoudah/sleep_app_ui

An elegant and user-friendly UI design for a meditation and sleep app created with Flutter. This project highlights features such as discovering new meditation techniques, personalized recommendations, and recent activity tracking. Built to provide a seamless and visually appealing user experience.

android dart design figma flutteruidesign ios ui

Last synced: 11 Oct 2024

https://github.com/531ra/story-teller

Story Teller is a fun app for kids that has lots of great stories. Just pick a story, and the app will read it out loud for you. With Story Teller, you can enjoy listening to stories anytime, making storytime easier and more fun!

android-development android-studio figma firebase jetcompose kotlin xml

Last synced: 11 Oct 2024

https://github.com/betagouv/figpot

Figma to Penpot converter and synchronizer, to not maintain multiple platforms 🎨🖌️

adobe-xd cloner converter design-system exporter figjam figma figma-plugin framework-ui mockup penpot sketch synchronizer transformer

Last synced: 02 Dec 2024

https://github.com/abel3581/oraracle-next-one

Challenge Encriptador 1 alura latam

challengeonecodificador3 css3 figma html5 javascript trello

Last synced: 06 Feb 2025

https://github.com/davitorress/rocket.sect

Desafio de aplicação com layout simples usando HTML Semântico e CSS Flexbox

css figma html rocketseat rocketseat-explorer

Last synced: 06 Feb 2025

https://github.com/vitoryamedeiros/projeto_coffeeshop

Landing Page Responsiva de Website para uma cafeteria com tematica vintage

css3 figma html5 javascript

Last synced: 04 Feb 2025

https://github.com/z-bj/le-marseillais

🍝 Le Marseillais. Discover our responsive Gastronomy, from Mockup to Code..

code css design fiction figma food html mediterranean mockup restaurant ui

Last synced: 06 Feb 2025

https://github.com/km-saifullah/html_css_project-03

Figma to HTML CSS Project-03

css3 figma html5 sass

Last synced: 27 Dec 2024

https://github.com/henriqueamascarin/bob-car-dealer

A simple car search website, and I had to learn in 1 day Next.js to make it.

design figma nextjs react website

Last synced: 30 Jan 2025

https://github.com/msharjeelali/ecommerce-website

This repo contain design of ecommerce website which is a part of Front-End Development Task from Developers Hub.

css figma html javascript responsive responsive-web-design responsive-website web webdevelopment

Last synced: 30 Jan 2025

https://github.com/remyyb/figma-plugin-fixpathdirections

A very simple plugin to fix path directions in Figma. Includes SVGO and exports into a ZIP file. Also has duplicate checks.

directions figma fill font icomoon icon order path plugin rules svg winding

Last synced: 16 Jan 2025

https://github.com/haishanh/figma-plugin-mixed-lang-text

A Figma plugin to apply different fonts to CJK and Latin characters in one or more selected text layers. It can also add space to CJK and Latin word boundaries for the sake of aesthetic

figma figma-plugin svelte vite

Last synced: 22 Dec 2024

https://github.com/pavellaptev/figma-halftone

Figma plugin to generate halftone gradients.

figma plugin

Last synced: 16 Jan 2025

https://github.com/chanda-abdul/figma-merch-store

This is my solution to the Figma Merch Store(https://store.figma.com/) challenge on https://www.frontendpractice.com. Built with Angular, RxJs, and GSAP.

angular angular-directives angular-pipes angular-services bem e-commerce figma frontend-practice gsap rxjs scss

Last synced: 13 Jan 2025

https://github.com/coconutgoodie/sales-dashboard-demo

🎃 React + Vite Implementation of Seda's Sales Dashboard Design

code demo design figma proof-of-concept react vite

Last synced: 09 Jan 2025

https://github.com/wadiebenabdouh/checkout-page

Checkout page e-shopping. first time using Javascript

chrome css cssgrid figma firefox flexbox javascript mediaqueries nodejs parcel-bundler sass scss

Last synced: 22 Dec 2024

https://github.com/odelola/nft-marketplace

An NFT Marketplace Landing Page built with Reactjs.

figma framer-motion html-css reactjs

Last synced: 22 Jan 2025

https://github.com/mellcosta/devlinks

O DevLinks é um agregador de links para usar como cartão de visitas online.

css-flexbox css3 figma git github html5 javascript responsive-layout rocketseat

Last synced: 23 Jan 2025

https://github.com/odelola/fitnessapp_uidemo

React Native Fitness App UI based on inspiration from Behance Figma Inspiration

behance expo expo-app figma react react-native react-native-app react-native-ui ui-inspirations

Last synced: 22 Jan 2025

https://github.com/fmanimashaun/conference-page

As part of Microverse programme requirements for the completion of the HTML/CSS & JavaScript Module, I replicate the design of an online website for a conference based on the design guidelines provided via Cindy Shin in Behance.

css css3 figma html javascript photoshop

Last synced: 24 Jan 2025

https://github.com/mauriciogirardi/proffy-nlw

Proffy is a Web and Mobile application designed to help connect students and teachers. Therefore, this application offers teachers the possibility to register classes, being able to add information such as the discipline, cost and timetable and students the possibility to search for registered classes.

axios css-grid css3 expo express figma html5 javascript nodejs react-native react-router reactjs sqlite3

Last synced: 27 Dec 2024

https://github.com/andriypapirnyk/realtime

There you can check time(hours, day, month and year) with cool hand watch

css figma html javascript

Last synced: 21 Jan 2025

https://github.com/luizfiuzaa/gestao_ferramentas

Projeto de Gestão de Ferramentas em vitrine no INOVA CPS.

figma firebase flutter hive

Last synced: 21 Dec 2024

https://github.com/sidnioulz/figmarine

Figue marine, Carpobrotus edulis - A collection of tools for frontend and DevOps engineers who use Figma.

eslint figma openapi-specification

Last synced: 11 Oct 2024

https://github.com/roshnidesigns/pixelsconvert

A figma plugin to get parameters of texts and shapes in pixels, dip, mm, inch and points for various screen resolutions

figma figma-api figma-plugin figma-plugins figmadesign pixel-dimensions

Last synced: 19 Jan 2025

https://github.com/matheusbanqueiro/desafio-smbot

ClientConnect foi um projeto desenvolvido como parte do Desafio Técnico para a vaga de Desenvolvedor Backend no Grupo SM.

celery django docker-compose figma git-actions makefile mvc postgresql postman redis-cache tailwind ubuntu

Last synced: 31 Oct 2024

https://github.com/qiaoandrew/quadratic-ui

Beautiful, slightly styled components to build your next side project faster.

cmdk component-library design-system figma nextjs radix-ui react recharts shadcn-ui sonner tailwind-variants tailwindcss typescript uikit vaul vercel

Last synced: 23 Jan 2025

https://github.com/javierarce/figma-components-analyzer

A tool to improve consistency and structure to design systems property names

components design design-system figma figma-api

Last synced: 13 Jan 2025

https://github.com/yutounun/nomikan

An app calculating the payment amount for each member at drinking party

cicd devcontainer docker figma mui react tdd testing-library-react typescript

Last synced: 23 Jan 2025

https://github.com/andrewthompson999/pizza-house

This repository is part of Hacktoberfest2024, where participants will use HTML and CSS to build a simple yet visually appealing pizzeria website based on a design created in Figma.

css css3 figma frontend frontend-development hacktoberfest hacktoberfest2024 html html5 ux-ui ux-ui-design webdesign webdev webdevelopment

Last synced: 31 Oct 2024

https://github.com/kohasummons/factory

🔋 A Monastery for Open Source Designers

challenge design figma open-source opensource

Last synced: 05 Feb 2025

https://github.com/kasunjayasanka/ui-design-to-fulepass.gov.lk

Simple Home Page redesign of fuelpass.gov.lk using Figma

figma figma-plugins

Last synced: 23 Jan 2025

https://github.com/vansh1999/figma-to-code

Figma mockups into Pixel-perfect usable user interfaces

css design figma html javascript-es6

Last synced: 29 Jan 2025

https://github.com/kanishkvarasia/ecommerce-ui-ux-design

Design for an eCommerce Website with features like- Homepage, User Login, Account Details, Payment, Orders, etc.

figma figma-design

Last synced: 23 Jan 2025

https://github.com/vvvvise/lego

This paradigm streamlines development with schema-driven monorepo setups, generating GraphQL-based models, interfaces, and APIs. It integrates design, style, and development for efficiency, secure communication, and enhanced error management.

appwrite figma generative-inference generative-models graphql headless-api monorepo next object-oriented-ui partial-hydration prisma react schema-driven-development turborepo typescript workspaces yarn-berry yarn-workspaces

Last synced: 05 Feb 2025

https://github.com/yy-f2c/offline-web

f2c离线标注平台

f2c figma

Last synced: 11 Oct 2024

https://github.com/jackvijayy/storeit-filestoragewebapp

StoreIt is a modern cloud storage application designed to provide a seamless user experience similar to Google Drive. Built with Next.js 15 for efficient frontend development, it leverages Tailwind CSS for a responsive and visually appealing interface. The backend is powered by Appwrite, ensuring secure data management and user authentication.

appwrite appwrite-auth appwrite-storage figma next15 reacthookform shadcn-ui tailwindcss zod

Last synced: 05 Feb 2025

https://github.com/andremelchior/links-bio

Site de links para bio feito em HTML5, CSS3 e JavaScript.

css css3 figma html javascript

Last synced: 23 Jan 2025

https://github.com/kohta9521/kohta_2025_portfolio_site

これまでに経験、そして勉強してきた内容をふんだんに使用した毎年恒例個人ポートフォリオサイト。2025年は就活の年ということもあり、デザインからしっかりと作成。旬の技術も使いつつ、UI/UXからSEO対策、フロントエンドエンジニアとして細かな実践向きの内容を多く含めたサイトです。

figma microcms nextjs nuwt sass storybook typescript vercel

Last synced: 27 Jan 2025

https://github.com/marcosmoreiraui/figma-plugin-starter

A starter template for Figma plugins with React, TypeScript and Vite.

figma figma-plugin react vite

Last synced: 16 Jan 2025

https://github.com/svkhrobbeck/aperture

.One of my old projects to improve my knowledge of html and scss.

figma html scss

Last synced: 16 Jan 2025

https://github.com/tiagobarross/fortunecookie

FortuneCookie é um projeto para você abrir biscoitos da sorte e ler boas mensagens no seu dia. Desenvolvido com HTML, CSS e JS utilizando DOM.

css dom figma git github html javascript

Last synced: 22 Dec 2024

https://github.com/pernillasterner/technigo-news-site

News site with focus on responsive design and the layout techniques of CSS Grid and Flexbox.

css3 figma flex-box-layout grid-layout html5 javascript ui

Last synced: 23 Dec 2024

https://github.com/murf-y/groupify

Join Groups and start posting!

andorid-app figma java mysql php

Last synced: 28 Dec 2024

https://github.com/tuirevii/uniter

An interactive prototype of an online service that motivates students to exercise. Created with Figma.

figma ui-design user-research ux-design website

Last synced: 22 Dec 2024

https://github.com/divyanshu-rawat/app-designs

Repository comprises of my work as a Interaction Design.

figma interaction-design invision-app sketch-app

Last synced: 22 Dec 2024

https://github.com/trmxv9/figma-to-mta

Converta Seus Projetos Figma em Código Lua para MTA / Convert Your Figma Projects into Lua Code for MTA

convert figma gtaonline gtasanandreas lua mta scripter

Last synced: 17 Dec 2024

https://github.com/marcosmoreiraui/figma-to-typescript

This project is a simple tool to extract the Typescript types from all components in a file.

figma figma-components figma-plugin react typescript

Last synced: 28 Dec 2024

https://github.com/marcosmoreiraui/figma-design-version

Design Version is an innovative Figma plugin that transforms the way designers manage and document revisions in their projects. With Design Version, users can create detailed changelogs directly in Figma, enhancing traceability and collaboration within design teams.

figma figma-plugin react typescript vite

Last synced: 28 Dec 2024

https://github.com/swayam-hingu/g17_staffgrid

A tool for managing employee accounts, profiles, attendance, salaries, and leave requests. Includes secure login, audit logs, and strong system security. User-friendly for both admins and employees.

database-management figma html-css-javascript nodejs reactjs software-development

Last synced: 11 Oct 2024

https://github.com/yikzero/roominess4

This is the fourth version of the 'Roominess' personal portfolio repository, built with React, Vite, and Tailwind CSS.

css figma framer-motion profile react tailwind tailwindcss typescript vite

Last synced: 28 Dec 2024

https://github.com/ph0enix46/figma-project---1

⚫ 𝗙𝗶𝗴𝗺𝗮 𝗽𝗿𝝾ᒍ𝗲𝗰𝘁 --1 ⚫ 𝗯𝗮𝘀𝗲𝗱 𝝾𝗻 𝝦𝗿𝝾𝗴𝗿𝗮𝗺𝗺𝗶𝗻𝗴 𝗛𝗲𝗿𝝾 ✅

figma programming-hero programming-hero-projects

Last synced: 17 Jan 2025

https://github.com/ruan-narici/boracodar-cartaodeembarque

O projeto foi criado durante o 6º desafio lançado pelo #boraCodar da Rocketseat

boracodar css figma html vitrinedev

Last synced: 04 Jan 2025

https://github.com/shikhu51197/materailui-dashboard

This React component integrates Chart.js to create a line chart representing revenue data over a period and a doughnut chart representing revenue growth.

chartjs expressjs figma material-ui nodejs react-chartjs-2 reactjs

Last synced: 31 Jan 2025

https://github.com/thinkbuff/figma

Simplify plugin and widget creation for Figma and FigJam

figma figma-plugin figma-plugin-components react unocss-preset

Last synced: 02 Feb 2025

https://github.com/carleone-souza-santos/page-instagram

Projeto com intuito de desenvolver o mais próximo do layout.

css3 figma git html5 javascript

Last synced: 28 Jan 2025

https://github.com/dariaveretyak/miami

Miami landing page

figma html scss

Last synced: 24 Jan 2025

https://github.com/manni2000/figma-assignment

Figma design.

figma ui ux-design

Last synced: 18 Jan 2025

https://github.com/tiagobarross/focustimer

Um Timer Pomodoro para web, desenvolvido com HTML, CSS e JavaScript, utilizando manipulação do DOM. Inicia com 25 minutos, mas permite que o usuário ajuste para qualquer outra duração. Ideal para aumentar a produtividade com intervalos programados.

css dom figma git github html javascript

Last synced: 22 Dec 2024

https://github.com/web-team-cive/udom-sr2-login-design

This is the figma design of the UDOM sr2 login page.

design figma figma-design login-form sr2 udom

Last synced: 07 Jan 2025

https://github.com/carleone-souza-santos/coffee-shop

Projeto desenvolvido com HTML e CSS ultilizando Figma no processo layout

css3 figma git html5

Last synced: 28 Jan 2025

https://github.com/gabrielalexsander18/wide-coverage

Feita bem simples com HTML5 e CSS3 para ir praticando, aprendendo sobre essas tecnologias para manter em dia os estudos.

css3 deploy figma html5

Last synced: 28 Jan 2025

https://github.com/gabrielalexsander18/easy-shopping

Foi feito em HTML5 e CSS3, e uma das páginas que foi essenciais para o aprendizado e a minha prática com estas tecnologias.

css3 deploy figma html5

Last synced: 28 Jan 2025

https://github.com/aprashantz/design-compare-tool

Tool that helps to compare design image and actually built UI

compare-images design-patterns design-systems figma flask opencv python

Last synced: 09 Oct 2024

https://github.com/gabrielalexsander18/sortdev

Uma pequena página feita para finalidade de aprendizagem do JavaScript, sendo uma pagina de sorteador de números aleatórios e com a possibilidade de quantidade.

css3 deploy figma html5 javascript

Last synced: 28 Jan 2025

https://github.com/tylrpopcorn/hero-page-1

Creating simple hero pages with BootStrap & HTML

bootstrap css figma html html-bootstrap html-css

Last synced: 22 Jan 2025

https://github.com/saulkurosaki/figma-clone-project

This is a Front-End Complete and Device Responsive Figma clone named: FigPro, with stunning design, collaborative components, tools and features. Developed with NextJs14, Typescript, TailwindCss, Liveblocks, ShadcdUi, fabric and jspdf to practice my Developer skills

clone clone-app clone-website fabric figma jspdf liveblocks next nextjs nextjs14 shadcn shadcn-ui tailwind tailwind-css tailwindcss typescript

Last synced: 15 Jan 2025

https://github.com/jay-raam/weather-next.js

WeatherWise - Your Ultimate Weather Companion

figma nextjs react shadcn-ui tailwindcss typescript vercel

Last synced: 10 Oct 2024

https://github.com/colburncodes/se_project_react

WhatToWear is a frontend React application that uses OpenWeatherApi to fetch data. Based on the weather conditions WTWR will suggest the appropriate clothes to wear.

figma openweather-api react react-router

Last synced: 22 Jan 2025

https://github.com/alexanderuk82/expenses

A simple and intuitive web-based expense tracker application built with React and Figma. This application allows users to keep track of their daily expenses and categorize them into various categories.

budget-app figma react reactjs ui ux

Last synced: 22 Jan 2025

https://github.com/gabrielalexsander18/frontend-codeburguer

Site completo feito em React.js e Node.js com algumas bibliotecas como styled components, express entre outras. O front-end foi feito bem simples com funcionalidades de mandar para o carrinho, os produtos e finalizar o pedido, já no back-end foi feita uma api que salva as imagens, as acounts feitas, além de pedidos, etc.

deploy docker eslint figma mongodb nodejs postgresql prettier react styledcomponents

Last synced: 12 Jan 2025

https://github.com/fbclh/portfolio

Portfolio project, the goal was to clone precisely a Figma file, to semantic HTML and responsive CSS for both desktop and mobile screens.

bem css figma git html javascript

Last synced: 28 Dec 2024

https://github.com/5hraddha/from-portland-to-portland

From Portland to Portland is a static but responsive website about an exciting journey on bike from Portland, Maine to Portland, Oregon.

bem bem-methodology css css-flexbox css-flexbox-grid css-grid css3 figma flexbox grid grid-layout html journey responsive svg travel usa

Last synced: 07 Jan 2025

https://github.com/alexandrbig1/goit-react-hw-06-phonebook

Phone Book App - A React project demonstrating state management with Redux, data persistence using Redux Persist, and simplified Redux logic with Redux Toolkit.

computerscience css3 figma frontend html-css-javascript html5 javascript js react react-components react-hooks react-redux reactjs redux redux-toolkit softwareengineer styled-components ux-ui-design webdesign webdevelopment

Last synced: 23 Jan 2025

Figma Awesome Lists
awesome-design-systems 103 awesome-figma 66 Design-Resources 159
Figma Categories
Design systems 275 Design tokens 146 Table of Contents 124 Articles 73 Pattern library 24 UI Design tools 18 Talks 17 Rest API integrations 16 Open-Source Plugins 12 Plugins development 11 Books 9 Videos 6 Templates & UI Kits 6 Clients 3 Community 2 Converters 2 Testing 2