Search Results for "figma"
Sort By:
Showing 31 open source projects for "figma"
View related business solutions-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
Powerful App Monitoring Without Surprise BillsTired of monitoring tools that punish you for scaling? AppSignal offers transparent, predictable pricing with every feature unlocked on every plan. Track errors, monitor performance, detect anomalies, and manage logs across Ruby, Python, Node.js, and more. Trusted by developers since 2012 with free dev-to-dev support. No credit card required to start your 30-day trial.
-
1
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. -
2
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. ... -
3
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. ... -
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. -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
5
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. -
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
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. ... -
9
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. -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
10
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... -
11
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. -
12
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... -
13
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... -
14
Outline
Fastest wiki and knowledge base for growing teams
A modern team knowledge base for your internal documentation, product specs, support answers, meeting notes, onboarding, & more. An intuitive editor with markdown support, slash commands, rich embeds, and more. Beautiful documents, without even trying. Search and share documents without ever leaving your team chat. Nest documents in a hierachy, automatically build a network of backlinks and search across everything. Onboard new team members easily through internal guides, resources, and... -
15
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... -
16
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... -
17
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. -
18
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... -
19
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. -
20
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. -
21
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. -
22
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... -
23
Grida Assistant
Bring your Figma design & development pipeline to the next level
Bring your Figma design & development pipeline to the next level - with design-to-code, in-design-content-management, component management, and tools for faster design. -
24
Tkinter Designer
An easy and fast way to create a Python GUI
Tkinter-Designer is a tool that allows developers to generate Python GUI code using Tkinter directly from Figma designs. By leveraging Figma’s design export capabilities, the tool parses the layout and transforms it into a working Tkinter interface. This helps streamline UI development by bridging the gap between design and code, making it accessible for developers and designers alike. -
25
Clarity Design System
A scalable, accessible, customizable, open source design system
Clarity is a scalable, customizable, open source design system bolstered by the people that build with it, the people we build it for, and the community that makes us who we are. Our toolkit is Figma. Every component, pattern, and guideline we ship is rooted in real customer interactions. As a result, you can rely on Clarity for 30+ components and over 200 icons so you can focus on product-specific user problems. The first folx that built Clarity from scratch were a scrappy team of developers, designers, and content creators. ...
