Item logo image for Design CSS To React Native style

Design CSS To React Native style

5.0(

3 ratings

)
ExtensionTools28 users
Item media 3 (screenshot) for Design CSS To React Native style
Item media 1 (screenshot) for Design CSS To React Native style
Item media 2 (screenshot) for Design CSS To React Native style
Item media 3 (screenshot) for Design CSS To React Native style
Item media 1 (screenshot) for Design CSS To React Native style
Item media 1 (screenshot) for Design CSS To React Native style
Item media 2 (screenshot) for Design CSS To React Native style
Item media 3 (screenshot) for Design CSS To React Native style

Overview

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

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

5 out of 53 ratings

Learn more about results and reviews.

Details

  • Version
    1.1.0
  • Updated
    November 25, 2025
  • Offered by
    focus.xmu.sc
  • Size
    88.97KiB
  • Languages
    中文（中国）
  • Developer
    粤海街道 深圳市, 广东省 518052 CN
    Email
    focus.xmu.sc@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Magic Patterns — Import Website

4.2

Import any website into Magic Patterns and edit with AI.

translate.design - Website & HTML to Figma

0.0

Convert any website or HTML into fully editable Figma designs. Scan live pages or localhost and capture multiple viewports.

html.to.design

4.7

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

Web to Figma

3.0

Capture web elements and export them to Figma with full styles and structure.

html.tomake.design (llama)

5.0

Convert any website into fully editable Figma designs. Requires the companion Figma plugin!

fubukicss-tool

4.8

one step to get css from figma

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

4.4

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

copyCssStyle

5.0

一键复制css样式

RocketPenSelector

5.0

Convert any website into fully editable Figma designs

ExtractCSS

5.0

CSS extraction and Tailwind conversion for Chrome

CopyCSS - One-click style copying for developers.

5.0

Instantly capture and copy CSS styles on hover. Perfect for quick styling, debugging, and workflow efficiency.

Zhihu to Markdown

0.0

将知乎专栏/问答页面内容转换为 Markdown 格式并下载

Magic Patterns — Import Website

4.2

Import any website into Magic Patterns and edit with AI.

translate.design - Website & HTML to Figma

0.0

Convert any website or HTML into fully editable Figma designs. Scan live pages or localhost and capture multiple viewports.

html.to.design

4.7

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

Web to Figma

3.0

Capture web elements and export them to Figma with full styles and structure.

html.tomake.design (llama)

5.0

Convert any website into fully editable Figma designs. Requires the companion Figma plugin!

fubukicss-tool

4.8

one step to get css from figma

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

4.4

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

copyCssStyle

5.0

一键复制css样式

Google apps