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/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/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/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/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/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/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/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/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/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/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/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/sujalxplores/figma-svg-downloader

🌈 Simple script that downloads all available figma svg in given frame.

automation-scripts axios figma figma-api javascript nodejs

Last synced: 31 Dec 2024

https://github.com/kalebzaki4/formacao-figma

Meu repositorio de figma é um projeto desenvolvido com o objetivo de compartilhar meu aprendizado com essa ferramenta de design, uma experiência incrível para os fãs de design e programação. Neste repositorio, você poderá encontrar arquivos para fazer seu proprio design de diferentes gêneros e épocas.

alura app design figma

Last synced: 26 Dec 2024

https://github.com/arnab-4/arnab-s-portfolio

My Portfolio Website

css figma html javascript portfolio web

Last synced: 11 Jan 2025

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/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/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/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/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: 09 Feb 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/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/mrpranavr/camkart-website

Landing page for Camkart shopping site.

figma framer-motion nextjs reactjs tailwindcss

Last synced: 27 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

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

WeatherWise - Your Ultimate Weather Companion

figma nextjs react shadcn-ui tailwindcss typescript vercel

Last synced: 09 Feb 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/nathanvilbert/fiboost-fitness-application-ui-ux-with-figma

FiBoost is a home workout and calorie-tracking app prototype, developed as part of a Human and Computer Interaction course. It offers features like workout tutorials, a BMI calculator, calorie tracking, meal recommendations, nutritional information, food intake tracking, and nutrition education.

figma figma-design human-computer-interaction user-interface

Last synced: 21 Dec 2024

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/genndy007/polygons-landing-pages

Creating Landing, Container and Information pages for desktop and mobile with adaptive HTML+CSS coding. Based on Figma layout.

css figma flexbox github-pages html layout

Last synced: 26 Jan 2025

https://github.com/ijproject/job-hunting-assistance

就活生が企業情報や自己分析情報を一括で管理することができる就活支援ツール(サンプル垢でログインしてもらって構いません email: [email protected], pass: abcd1234)

aws-ec2 aws-route53 breeze drawio eslint figma inertia jest laravel10 mysql phpunit prettier storybook typescript vue-test-utils vue3 vuetify

Last synced: 27 Jan 2025

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/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/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/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/onja-org/front-end-finals

For the final marked assessment of the Front-end development course, we're going to use a beautiful mockup as the design source for a webpage. We'll be writing all the HTML, SCSS, CSS, implementing images, fonts, and making it all responsive and accessible.

assessment-project educational-project figma mockup node-sass webpage

Last synced: 07 Nov 2024

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/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/tylrpopcorn/projects-list

A list of all projects or links that I have created or contributed to and *would like to share*

bootstrap5 bulma-framework css expressjs figma html javascript lua nodejs reactjs sveltejs typescriptjs

Last synced: 20 Dec 2024

https://github.com/felipenobrg/habits-nlwsetup-javascript

A project that helps control our routines.

css figma html javascript

Last synced: 09 Feb 2025

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/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/tedjenkler/arch-studio-scss-portfolio

Project by Teodor Jenkler for Frontend Mentor's challenge is a multi-page website for Arch Studio built with React and SCSS. It showcases a fully responsive design, optimized for various screen sizes, interactive hover states, and robust form validation. This project highlights my skills in converting Figma designs into code

figma formik framer-motion leaflet react react-router scss vite yup-validation

Last synced: 21 Dec 2024

https://github.com/kaimagnusmueller/tree-navigator

Figma plugin to quickly select similar layers in the element tree, do scoped searches and redo frequent searches

figma plugin svelte

Last synced: 31 Jan 2025

https://github.com/hashtag-design-system/design_system

Components, design primitives, and tools for #hashtag's design system. Build with React.js, TypeScript & SCSS.

design-system figma hashtag reactjs scss

Last synced: 10 Feb 2025

https://github.com/kaimagnusmueller/svg-icon-manager

Import and manage icon libraries in Figma

design-system figma icon management plugin

Last synced: 31 Jan 2025

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/odavibatista/beverage-ecommerce

E-commerce site built with React, TypeScript and SCSS, being a remodel of an old project.

figma react scss typescript ui ux-design vite

Last synced: 22 Jan 2025

https://github.com/r48n34/data-template-generator

📊 Quick easy user-friendly data template generator to save your time!

csv figma figma-plugin xlsx

Last synced: 07 Feb 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/ph0enix46/figma-project---1

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

figma programming-hero programming-hero-projects

Last synced: 17 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/dariaveretyak/miami

Miami landing page

figma html scss

Last synced: 24 Jan 2025

https://github.com/praveenraam/alumni-network

A web-based platform connecting current students with alumni for mentorship, career opportunities, and networking. Features include job postings, event calendars, and a detailed alumni directory.

api-integration blade-templates deployment figma git-version-control javascript laravel php sql

Last synced: 21 Dec 2024

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/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/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/opensmock/pyramid-plugins-figmatoworld

This Pyramid plugin exploit capacities from the Figma plugin "FigmaToWorld" to import Figma design into Pyramid UI editor.

bloc figma figma-to-world open-smock pharo plugin pyramid pyramid-plugin smalltalk smock

Last synced: 08 Feb 2025

https://github.com/ysarock/figma-image-divider

Instagram Multi Post Divider is a Figma plugin designed to streamline the process of creating Instagram posts.

figma figma-plugin

Last synced: 16 Jan 2025

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/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/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/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/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/nicolasklange/familyhomeapp

Projeto pessoal, visando a organização de sua família, gerenciar atividades domésticas, manter listas de compras e marcar eventos importantes, além de futuras funcionalidades.

dart figma firebase firebase-auth flutter

Last synced: 10 Feb 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/khushie134/fflow...uiux-project

A minimalistic and futuristic music streaming platform which incorporates special features like unique mood-boards for every playlist based on the songs in it.

application figma mobile-app prototype ui-design ui-ux uiux ux-design wireframe

Last synced: 02 Feb 2025

https://github.com/mdashik922/assinment-2

Football-Match Copa America

css3 figma html5 responsive

Last synced: 08 Jan 2025

https://github.com/hendrialqori/bwa-ui

Take home test from BWA as UI Engineer

figma pixel-perfect slicing tailwindcss

Last synced: 10 Feb 2025

https://github.com/sujoykrhaldar/hostinger-redesign

The redesigned version of hostinger india website. Secured first place in Thapa codefest 2.

figma hostinger nextjs redesign tailwindcss ui-design

Last synced: 27 Dec 2024

https://github.com/opensource-paper/papericons

Paper Icons is a modern and beautiful icon library built to seamlessly integrate with Paper UI.

documentation figma html icon icon-pack icons javascript js npm open-source paper paper-icons paper-ui paperui svg svg-icons svgs ui-components ui-library

Last synced: 25 Jan 2025

https://github.com/sofiane-abou-abderrahim/booki-oc-p3

Voici un nouveau projet de développement de site internet que j'ai réalisé avec les langages web HTML et CSS. En effet, il s'agit d'un projet personnel servant de pratique de ces 2 langages web fondamentaux et l'outil de web design Figma.

css3 figma html5 responsive-design

Last synced: 09 Feb 2025

https://github.com/yagudaev/figma-plugin-performance-test

Figma Plugin Perfomance Experiment 🧪

figma figma-plugin perfomance

Last synced: 16 Jan 2025

https://github.com/pavellaptev/get-figma-stat

Get the stats about any Figma plugin, file or widget

figma statistics

Last synced: 16 Jan 2025

https://github.com/maximilianmairinger/exportcoloringamut

Export colors in wider color space with wider gamut (p3). With properly interpolated sRGB fallback.

color color-gamut color-space conversion export fallback figjam figjam-plugin figma figma-plugin gamut p3 plugin rec2020 space

Last synced: 22 Jan 2025

https://github.com/dinithafdo/timekeeper-app-ui

This project showcases the user interface design for the Time Keeper mobile application, a handy tool for checking bus and train schedules in Sri Lanka. Designed with modern aesthetics and user-friendly navigation, this app aims to simplify public transportation for everyday commuters.

bus-schedule figma navigation train-schedule transit ui-design

Last synced: 16 Jan 2025

https://github.com/lebe24/mobile-design-collection

Flutter Mobile design series collection : Showcase series of mobile design application

dart design figma flutter

Last synced: 08 Feb 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: 10 Feb 2025

https://github.com/midhatahir/grudgelist_reactnative

Clone UI from Figma : https://www.figma.com/file/ndTNp9FBR5s2KYsJsKPuyg/React-Native-Todo-List?node-id=0%3A1

async-storage figma flatlist react-native simple-todo

Last synced: 16 Jan 2025

https://github.com/sgarciaddev/ayudantia-ingweb-012024

Repositorio con el desarrollo de las ayudantías realizadas en la asignatura ICI4240 - ICI4247 - Ingenieria web y móvil, 1er semestre, 2024.

angular figma git ionic mobiledevelopment react webdevelopment

Last synced: 26 Jan 2025

https://github.com/iotchulindrarai/ui-using-figma

I am learning UI using Figma

figma figmadesign frontend ui-design

Last synced: 10 Feb 2025

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