Design CSS To React Native style

Convert Figma & Master Go & Mock Plus css styles to react native style formats

As of June 2026, Design CSS To React Native style has 23 users and a 5.00/5 rating from 3 reviews in the Productivity category.

focus.xmu.sc Productivity

Chrome Web Store ↗.crx

Users−30.3%

23

23

Rating0%

5.00

3 reviews

Reviews0%

3

Version

1.1.0

Manifest V3

History

7 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	33	5.00	3	1.1.0
Apr 18, 2026	32	5.00	3	1.1.0
Apr 28, 2026	31	5.00	3	1.1.0
May 8, 2026	27	5.00	3	1.1.0
May 15, 2026	29	5.00	3	1.1.0
May 24, 2026	28	5.00	3	1.1.0
Jun 3, 2026	24	5.00	3	1.1.0
Now	23	5.00	3	1.1.0

Permissions & access

Permissions: clipboardWrite
Host access: *://mastergo.com/file/*, *://*.figma.com/design/*, *://app.mockplus.cn/app/*

Screenshots

Design CSS To React Native style screenshot 1

Design CSS To React Native style screenshot 2

Design CSS To React Native style screenshot 3

About

将设计稿中的CSS样式转换成React Native Style
其中：样式写法更统一，比如色值的写法，字号，行高等；去除默认样式， 默认布局，normal值，默认字体样式；将样式无法实现的用组件实现，比如渐变背景色
支持上传前端实现截图，与设计稿对齐视觉效果

支持Figma，Master Go和Mock Plus三款设计稿工具

Technical

Version: 1.1.0
Manifest: V3
Size: 88.97KiB
Min Chrome: 88
Languages: 1
Featured: No

Metadata

ID: clpfdlihkalipkdahgmahcfliflaednn
Developer ID: uc1e983e9f03fc3d9cc6c500646496b84
Developer Email: [email protected]
Created: Apr 24, 2025
Last Updated (Store): Nov 26, 2025
Last Scraped: Jun 3, 2026
Website: —
Support URL: —
Privacy Policy: —

Similar extensions

Alternatives to Design CSS To React Native style, ranked by description similarity.

Design CSS To Tailwind

设计搞上的css代码转tailwindcss

web style setting

Modify the style of Chinese characters in the webpage, which can realize the font color, size, background color and other styles。

自动压缩设计搞（蓝湖，figma，mastergo）上的图片，并上传图床

飞书转换大师

飞书文档转换为微信公众号

Vision Compare（你的眼睛不是尺）

前端页面与设计稿像素级对比，提升还原率；支持覆盖、差异高亮、分屏对比、快捷键与持久化

为Comate系列研发工具提供在浏览器上的扩展功能，实现网页与开发环境之间的无缝协作。

Refore 网页转设计(一键将任意网页导入到 MasterGo/Pixso/即时设计)

将任何网页导入到 MasterGo、Pixso或即时设计以继续编辑，像素级还原。快速设计迭代，抄作业神器

一键开启PM专用上帝视角：所见即所得地编辑页面样式和内容，快速输出交互草稿示意

Data sourced from the Chrome Web Store · last verified Jun 3, 2026.