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/murf-y/groupify

Join Groups and start posting!

andorid-app figma java mysql php

Last synced: 28 Dec 2024

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/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/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/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/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/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/marianapatcosta/grammar-police-games

Progressive Web App composed of a version of Flappy Bird, Space Invaders and Memory games emphasizing common grammar mistakes.

figma game grammar-police-games i18n internationalization javascript progressive-web-app react react-router styled-components web

Last synced: 11 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/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/vagnerbellacosa/curso_design

Curso, Apontamentos e testes sobre design. Primeiros passos

canva cores design figma frontend ui ux webdesign

Last synced: 03 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/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/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/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/manni2000/figma-assignment

Figma design.

figma ui ux-design

Last synced: 18 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/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/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/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/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/kohasummons/factory

🔋 A Monastery for Open Source Designers

challenge design figma open-source opensource

Last synced: 05 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/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/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/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/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/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/mrpranavr/camkart-website

Landing page for Camkart shopping site.

figma framer-motion nextjs reactjs tailwindcss

Last synced: 27 Dec 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/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/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/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/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/prash5t/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: 17 Dec 2024

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/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/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/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/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/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/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/isaluh/nlwia

Nlw Ia - Trilha Foundations. By: Isaluh

css figma git github html js

Last synced: 25 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/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/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/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/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/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/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/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/r48n34/patterns-generator

Figma plugin helps to create patten by a single clicks

figma figma-plugin pattens

Last synced: 14 Dec 2024

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/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/r48n34/data-template-generator

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

csv figma figma-plugin xlsx

Last synced: 14 Dec 2024

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/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/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/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/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/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: 09 Oct 2024

https://github.com/planetabhi/figma-cover-maker

A simple cover generator for Figma.

cover figma figma-plugin generate maker thumbnail

Last synced: 15 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/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/jhojanggarcia/designs

You can contact me to create your own banner, either for your GitHub project, your flyer or any other purpose.

banners design figma ui ux

Last synced: 16 Jan 2025

https://github.com/xfiveco/react-test

React test - job openings at https://xfive.recruitee.com

figma front-end react recruitment-task recruitment-test

Last synced: 26 Dec 2024

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/shannakae/daisyuitokens

The goal of this project is to simplify the complex world of design systems and tokens by making the power of design tokens more accessible and turning what can be a daunting task into an intuitive process. Leveraging Tailwind, DaisyUI, and Token Studio, our goal is to create a comprehensive yet approachable theming system across multiple platforms

agnostic collaboration cross-platform daisyui design-system design-tokens figma tailwindcss theming tokenization tokenstudio

Last synced: 16 Jan 2025

https://github.com/lukasoppermann/figma-plugin-design-presets

Design presets for figma plugins with light & dark mode.

dark-mode design-system figma figma-plugins figmadesign presets

Last synced: 16 Jan 2025

https://github.com/chengluyu/figma-flatten-plugin

Flatten object trees into object sequences.

figma figma-plugin figma-plugins

Last synced: 15 Dec 2024

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/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/rajjitlai/simple-landing-page

A simple landing page using HTML and CSS, designed in Figma

css design figma html landing modernui web webpage website

Last synced: 12 Jan 2025

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

Figma plugin for generating background with stripes

figma figma-plugin stripes

Last synced: 13 Dec 2024

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

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