Item logo image for dev-diff-figma

dev-diff-figma

Item media 3 (screenshot) for dev-diff-figma
Item video thumbnail
Item media 2 (screenshot) for dev-diff-figma
Item media 3 (screenshot) for dev-diff-figma
Item video thumbnail
Item video thumbnail
Item media 2 (screenshot) for dev-diff-figma
Item media 3 (screenshot) for dev-diff-figma

Overview

dev-diff-figma

The main purpose of this tool is to assist the front-end in style comparison during development. By directly displaying Figma layers on the Browser, the design draft and development effects can be visually compared, allowing for quick identification of implementation inconsistencies with the design draft; In addition, it supports both Chinese and English, as well as day and night modes

Details

  • Version
    3.0.1
  • Updated
    January 4, 2025
  • Offered by
    dehongxsky
  • Size
    280KiB
  • Languages
    中文(中国)
  • Developer

    南新路 南园村 深圳市, 广东省 518000 CN
    Email
    dehongxsky@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. To learn more, see the developer’s privacy policy.

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

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Tailwind CSS Devtools

4.4

Tailwind CSS Developer Tools

copy-figma-css

5.0

copy-figma-css

Overlint - Figma Overlay Tool

0.0

A pixel-perfect comparison tool to identify discrepancies between Figma designs and implementation

RAP DevKit

5.0

DevKit for RAP

Konva Dev Tool

5.0

devtool for konva

Disable F12 Key

1.0

This extension disables the F12 key, preventing access to Developer Tools in the browser.

diff-viewer

5.0

ブラウザ上でdiffを見るためのツール エディター部分は左右に分かれており、左側のエディターに入力された内容を変更前、右側に入力された内容を変更後としてdiffを表示します エディターに入力された内容は即座に結果に反映されます

Pixelay for Figma

4.2

Compare your Figma designs with real websites.

fubukicss-tool

4.8

one step to get css from figma

DiscoveryVox: Live Translation Tool

5.0

Live translation tool for chrome Transform your web browsing experience with instant audio translation. DiscoveryVox captures audio…

Network Tracker

0.0

A very early, although already mostly working, version. Useful when the built-in Network tab in the DevTools is not enough - e.g.…

Open Graph Devtools

0.0

This browser extension adds a new DevTools panel specifically designed to debug and analyze Open Graph (OG) tags on the currently…

Tailwind CSS Devtools

4.4

Tailwind CSS Developer Tools

copy-figma-css

5.0

copy-figma-css

Overlint - Figma Overlay Tool

0.0

A pixel-perfect comparison tool to identify discrepancies between Figma designs and implementation

RAP DevKit

5.0

DevKit for RAP

Konva Dev Tool

5.0

devtool for konva

Disable F12 Key

1.0

This extension disables the F12 key, preventing access to Developer Tools in the browser.

diff-viewer

5.0

ブラウザ上でdiffを見るためのツール エディター部分は左右に分かれており、左側のエディターに入力された内容を変更前、右側に入力された内容を変更後としてdiffを表示します エディターに入力された内容は即座に結果に反映されます

Pixelay for Figma

4.2

Compare your Figma designs with real websites.

Google apps