Back to Plugins

Design Prisma | Styles Inspector | CSS
Inspecting Figma nodes and concert properties to CSS rules
tooldesigncssmoderndesignerdeveloperdesign systemfreestyles
Plugin Preview
About this plugin
Design Prisma is a free plugin that allows you to no longer spend money on "Figma Dev mode".
With it you can:
- Copy element styles in familiar CSS format
- Receive a given design system in the form of CSS variables
- Use different units of measurement
- Customize the resulting styles
- And much more!
---------------------------------------------------------
Design Prisma - бесплатный плагин, позволяющий больше не тратить деньги на "Figma Dev mode".
С его помощью можно:
- Копировать стили элементов в привычном CSS формате
- Получать заданную дизайн систему в виде CSS переменных
- Использовать различные единицы измерения
- Настраивать получаемые стили
- И многое другое!
Plugin Details
| Version | 23 |
|---|---|
| Created | February 5, 2024 |
| Last Updated | April 27, 2025 |
| Category | Software development |
| Creator | Сергей |
| Stats | 467 installs, 65 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:./dist/index.html
- main:./dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.