figma pixel in Chrome with OffiDocs

DESCRIPTION

figma-pixel

it helps develop your websites with figma design pixel accuracy!

Figma Pixel - Quick Usage Guide

Main Features:
Enable Floating Ball: Toggle for floating navigation
Enable Compare: Toggle for comparison app style by figma image
Figma Token: Authentication field for Figma access
Layer Opacity: Slider to adjust layer transparency
Clear Image Cache: Button to reset cached figma images
Clear Compare List: Button to reset figma comparison items

Selection Settings:
Selector input: Supports CSS-style selectors (e.g., //a[@class="unit-link"])
Layer navigation: Available through (Upper Layer) option
Figma URL: Field to input your Figma design URL
Offset adjustments: Two numeric input fields for position fine-tuning
Save button: Confirms your settings

Key Functions:
Design comparison
Layer manipulation
Element selection
Position adjustment

figma pixel web extension integrated with the OffiDocs Chromium online