Search Results for "figma"
Sort By:
Showing 31 open source projects for "figma"
View related business solutions-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
Paessler: Easy to Use With Enterprise Power. Free TrialYou shouldn't have to choose between a monitoring tool that's easy to use and one that's powerful enough for a complex environment. PRTG's low-code interface lets any admin build dashboards, set alerts and monitor devices without scripting, while custom sensors and full API access are there when your team needs deeper control. One platform, no compromise. Download a free 30-day trial now.
-
1
Framelink MCP for Figma
MCP server enabling AI coding tools to access Figma design data
Figma-Context-MCP is an open source server that connects Figma design data with AI-powered coding tools through the Model Context Protocol (MCP). It allows coding assistants to retrieve structured information from Figma files so they can better translate visual designs into working code. Instead of relying on screenshots or manual descriptions, Figma-Context-MCP accesses layout, styling, and component metadata directly from the Figma API and presents it in a simplified format optimized for AI models. ... -
2
Figma Sprite Generator
A Figma plugin to generate sprite sheets and JSON files from selected
Figma Sprite Generator is a Figma plugin designed to create sprite sheets and corresponding JSON metadata from selected icons. This tool is ideal for designers and developers working on web projects or UI libraries, as it automates sprite generation for more efficient workflows. Users can quickly convert their icons into PNG sprites and extract JSON files with icon dimensions and positions, streamlining the process of incorporating sprites into websites or applications. -
3
Talk to Figma MCP
AI bridge enabling Cursor agents to read and modify Figma designs
cursor-talk-to-figma-mcp is an open source integration that connects AI coding agents with Figma through the Model Context Protocol (MCP). It allows AI tools such as Cursor or other compatible agents to directly communicate with Figma documents and interact with design elements programmatically. Through this integration, an AI assistant can read the structure of a design, retrieve information about nodes or selections, and perform modifications to the layout or content. cursor-talk-to-figma-mcp includes an MCP server and a Figma plugin that communicate through a WebSocket connection, enabling real-time interaction between the AI environment and the design canvas. ... -
4
Figma Code Connect
A tool for connecting your design system components
Figma Code Connect is an open-source tool that enhances collaboration between designers and developers by synchronizing design components with source code in real time. Instead of treating design files and codebases as separate artifacts, it creates a continuous link so when a designer updates a UI element in Figma, developers see corresponding code changes or annotations immediately, making handoffs more precise and frictionless. -
Save Up to 91% on Cloud Compute With Spot VMsRun batch jobs at 60-91% off with Spot VMs. Long-running workloads get automatic discounts with sustained use.
-
5
Figma electron app
Figma is the first interface design tool based in the browser
Figma is the first interface design tool based in the browser, making it easier for teams to create software. Figma-linux is an unofficial Electron-based Figma desktop app for Linux. You can install Figma-linux from Snap. There is also an AppImage available. Get it on our Releases page, then make it executable and install using the terminal commands provided. -
6
Flowbite
The most popular and open-source library of Tailwind CSS components
...Get started with the most advanced Figma Design System built for Tailwind CSS and Figma and upgrade your designer toolkit to the next level. Learn more about the Pro version of Flowbite which includes a Figma design kit based on the utility classes from Tailwind CSS and hundreds of coded pages and components including application UI. -
7
Grida
Open Source Canvas Framework
Grida is an open-source platform that transforms design assets (like Figma files) into production-ready code. It helps developers bridge the gap between design and development by automating code generation for UI components and layout systems. Grida supports multiple frontend frameworks and aims to streamline the handoff process for teams. -
8
Reshaped
Professionally crafted React & Figma components
Reshaped is a professionally crafted design system and component library that bridges design and development by combining React components with a synchronized Figma library. It is designed to help teams build scalable, consistent user interfaces by providing a shared source of truth between designers and developers. The library includes a wide range of production-ready components, from basic inputs and buttons to more complex elements such as tables, calendars, and data visualization tools. ... -
9
Teenyicons
Tiny minimal 1px icons designed to fit in the smallest places
...Copy the SVGs you wish to use from outline and solid directories inside node_modules/teenyicons and inline them in your HTML. Use CSS's color to change the SVG's color. Tests for SVG dimensions. Frameworks component libraries (Vue, React, etc.) Figma plugin. -
Veeam Data Platform v13.1 - Get Your Free TrialTry Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
10
Polaris React
Shopify’s admin product component library
Our design system helps us work together to build a great experience for all of Shopify’s merchants. Downloads, links, and third-party tools to help you and your teams learn, draft, design, and build products for Shopify. Use the API to build Figma plugins, text editor extensions, or even a completely new site. While we do offer a CSS-only version, we strongly recommend using the React versions of our components. It’s the version that we use at Shopify. It allows for rich, complex components like Tabs and Popovers, and will not have as many breaking changes as the CSS-only version. ... -
11
Slint
Slint is an open-source declarative GUI toolkit
Slint is a declarative GUI toolkit written in Rust (with bindings for C++, JavaScript, and Python) for building modern, native user interfaces across desktop, embedded, and mobile platforms. It uses a domain-specific UI markup that compiles to efficient native code. -
12
designlang
Extract any website's complete design system with one command
...The tool supports exporting to frameworks like Tailwind, SwiftUI, Flutter, and WordPress, making it highly versatile for cross-platform development. It also integrates with tools like Figma and shadcn, enabling seamless design-to-code workflows. The system includes accessibility analysis features, such as WCAG compliance checks and CSS health audits, helping developers improve usability and standards compliance. It can be used via CLI or browser extension, making it flexible for different workflows. Overall, design-extract automates the process of reverse-engineering design systems, significantly accelerating frontend development. -
13
Material UI
Comprehensive React component library that implements Material Design
...Start quickly with Material Design or use the advanced theming feature to easily tailor the components to your needs. CSS utilities allow you to move faster and make for a smooth developer experience when styling any component. Reach out for the Figma Design Kit and the Sync plugin to bridge the gap between development and design when using Material UI. -
14
Shadcn UI NextJS Boilerplate
Shadcn UI NextJS Boilerplate. Free Open-source ChatGPT UI Admin
Launch your SaaS startup within a few days with the first Admin Dashboard Shadcn UI NextJS boilerplate. Get started with Horizon AI Boilerplate today. Horizon AI Boilerplate is the first open-source Admin Dashboard OpenAI ChatGPT AI Template made for Shadcn UI, NextJS, and Tailwind CSS! Start creating outstanding Chat AI SaaS Apps faster. It comes with over 30+ dark/light frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of... -
15
Iconoir
An open source icons library with 1K+ icons
Iconoir is an open-source library with 1000+ unique SVG icons, designed on a 24x24 pixels grid. No premium icons, no email sign-up, no newsletters. A React library is available to install under the name iconoir-react. A Flutter library is available to install under the name iconoir_flutter. Iconoir is happily part of Framer now. To start using the icons, on the top menu, Insert > Graphics > Iconoir. You can switch between icons from the right sidebar in the editor. The class must always be... -
16
Vuesion
Vuesion is a boilerplate that helps product teams build faster
...Community best practices support your team to maintain a clean codebase set up that forces testing best practices, a high test coverage and lots of example tests support an agile project management style. The 100% customizable design system and corresponding Figma file will increase the collaboration across disciplines and deliver perfect brand identity (designers will love it) The accessible codebase enables everyone in the team to contribute (even PMs and Designers) and makes on-boarding new team members fun. -
17
LittleLink
A lightweight DIY alternative to services like Linktree
The DIY self-hosted LinkTree alternative. LittleLink has more than 60 branded button styles you can easily use, with more being added by our community all the time. LittleLink has more than 60 branded button styles you can use (with even more being added by our community). You'll also find a light and dark theme ready to go. Not a fan of the default colors? Update skeleton-light.css or skeleton-dark.css to the HEX values of your choosing. You can also set your CSS to skeleton-auto.css, which... -
18
Tailgrids
Open-source React UI library built with Tailwind CSS
...TailGrids components are designed with accessibility, responsiveness, and performance in mind, ensuring compatibility across devices and user needs. It also includes design system resources such as Figma files, which help bridge the gap between design and development workflows. With support for frameworks like React and Next.js, TailGrids is flexible and adaptable to various frontend stacks. -
19
Ignite UI for jQuery
Ignite UI for jQuery by Infragistics
Ignite UI for jQuery™ helps you build powerful, high-performance web-based applications. Inside Ignite UI for jQuery you'll find user experience controls and components for creating engaging line-of-business web applications that target the browsers for both mobile & desktop environments. Ignite UI for jQuery is built on jQuery and jQuery UI and ties in seamlessly with the jQuery core model and conventions including all styling support via jQuery UI Theme Roller. Beyond jQuery Ignite UI for... -
20
SHADYX-UI
From Copy to Vibe
Created a customizable and developer-friendly UI component library that offers both static and animated reusable components for rapid web development.It simplifies UI building with pre-designed, responsive elements tailored for modern web apps. Tech Stack : Next Js, Tailwind Css, Framer Motion, Aceternity UI and Figma. -
21
Phosphor Icons
The homepage of Phosphor Icons, a flexible icon family for everyone
Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. 1047 icons and counting. 6 weights: Thin, Light, Regular, Bold, Fill, and Duotone. Designed at 16 x 16px to read well small and scale up big. Raw stroke information retained to fine-tune the style. We use a similar approach as many other icon sets out there, providing icons as a webfont that uses Unicode's Private Use Area character codes to map normally non-rendering characters to icons. But you... -
22
Material Kit - React
React Dashboard made with Material UI’s components
Free React Admin Dashboard made with MUI's components, React and of course Next.js to boost your app development process! React Dashboard made with Material UI’s components. Our pro template contains features like the TypeScript version, an authentication system with Firebase and Auth0 plus many others. Create secure, seamless user experiences with Zalter Passwordless Authentication. We also have a pro version of this product which bundles even more pages and components if you want to save... -
23
Rawgraphs app
A web interface to create custom vector-based visualizations
...Primarily conceived as a tool for designers and vis geeks, RAWGraphs aims at providing a missing link between spreadsheet applications (e.g. Microsoft Excel, Apple Numbers, OpenRefine) and vector graphics editors (e.g. Adobe Illustrator, Inkscape, Figma). The project, led and maintained by the DensityDesign Research Lab (Politecnico di Milano) was released publicly in 2013. -
24
css.gg
Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite
700 Precise and Detailed UI Icons, provided with well-organized Figma components library. All icons are available as components on assets from where you can search for a sigle icon or browse categories. All icons are available as components. By default all the CSS, SCSS icons inherit the color from the parent by using currentColor attribute how ever you can apply any color you like. You need to define width and height in order for this to work. -
25
Base Web React Components
A React Component library implementing the Base design language
Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base. On npm, you can find Base Web as baseui. Add baseui and its peer dependencies to your project. Both Base Web and Styletron come with flow types and TypeScript. All our components are typed and examples have Vanilla, Flow and TypeScript versions. For Styletron + TS, you need to add some additional packages. Base Web offers a robust suite of components out of the box. These...
