Inspector Integrations

Where teams design together. Figma helps teams create, test, and ship better designs from start to finish. Fast and powerful, just like your work. Packed with design features you already love plus unique inventions like the Arc tool and Vector Networks, Figma helps you keep the ideas flowing. No need to stop to install, save, or export. It’s what any good cloud software should be. Bring your ideas to life faster in animated prototypes that feel like the real thing. Get insights from users and test concepts earlier and more often. Share a link to your design files or prototypes, and get feedback in context. Or, jump into the same file with your teammates—no matter where y’all are in the world—and co-edit live. Create a scalable design system that’s accessible for your organization and easy for you to manage. When all designers are speaking the same language, everyone’s more empowered to do their best work.

Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Git is easy to learn and has a tiny footprint with lightning fast performance. It outclasses SCM tools like Subversion, CVS, Perforce, and ClearCase with features like cheap local branching, convenient staging areas, and multiple workflows. You can query/set/replace/unset options with this command. The name is actually the section and the key separated by a dot, and the value will be escaped.

React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don’t make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props.

Cursor is an advanced AI-powered IDE designed to make developers exponentially more productive. Built with deep codebase understanding and intelligent automation, it combines natural language interaction with precise, context-aware editing tools. Its Agent feature acts as a human-AI coding partner capable of planning and executing entire development workflows, while the Tab model delivers remarkably accurate autocompletion and targeted suggestions. Cursor seamlessly integrates across environments—from GitHub and Slack to the command line—ensuring AI assistance is available wherever you code. Supporting leading models like GPT-5, Claude Sonnet, Gemini Pro, and Grok Code, it gives developers full control over autonomy and model selection. Fast, intuitive, and built for serious builders, Cursor is redefining what an IDE can be.

Claude Code is an AI-powered coding assistant designed to work directly inside your existing development environment. It goes beyond simple autocomplete by understanding entire codebases and helping developers build, debug, refactor, and ship features faster. Developers can interact with Claude Code from the terminal, IDEs, Slack, or the web, making it easy to stay in flow without switching tools. By describing tasks in natural language, users can let Claude handle code exploration, modifications, and explanations. Claude Code can analyze project structure, dependencies, and architecture to onboard developers quickly. It integrates with common command-line tools, version control systems, and testing workflows. This makes it a powerful companion for both individual developers and teams working on complex software projects.

CSS, short for Cascading Style Sheets, is a style sheet language used by web developers to structure the HTML and other elements of a website. CSS is one of the most widely used languages on the web. For style sheets to work, it is important that your markup be free of errors. A convenient way to automatically fix markup errors is to use the HTML Tidy utility. This also tidies the markup making it easier to read and easier to edit. I recommend you regularly run Tidy over any markup you are editing. Tidy is very effective at cleaning up markup created by authoring tools with sloppy habits. Each style property starts with the property's name, then a colon and lastly the value for this property. When there is more than one style property in the list, you need to use a semicolon between each of them to delimit one property from the next.

OpenAI Codex is an advanced AI coding tool designed to assist software developers by automating many tasks in their coding workflow. It allows users to delegate tasks such as writing features, answering codebase questions, running tests, and proposing pull requests (PRs) for review. Codex works in parallel, handling multiple tasks simultaneously in secure cloud sandboxes preloaded with your repository. This tool helps developers move through their backlog faster and more efficiently, making it an invaluable asset for teams looking to streamline their development process.

HTML, short for HyperText Markup Language, is the markup language that is used by every website on the internet. HTML is code that websites use to build and structure every part of their website and web pages. HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and final major HTML version that is a World Wide Web Consortium (W3C) recommendation. The current specification is known as the HTML Living Standard. It is maintained by the Web Hypertext Application Technology Working Group (WHATWG), a consortium of the major browser vendors (Apple, Google, Mozilla, and Microsoft). HTML5 includes detailed processing models to encourage more interoperable implementations; it extends, improves, and rationalizes the markup available for documents and introduces markup and application programming interfaces (APIs) for complex web applications. For the same reasons, HTML5 is also a candidate for cross-platform mobile applications.