Average Ratings 0 Ratings
Average Ratings 0 Ratings
Description
Over.fig is a complimentary Chrome extension that allows you to project your Figma designs onto your webpage as a translucent layer.
This tool effectively eliminates the divide between design and development, enabling a seamless comparison between your design and the live site with just a single click.
Say goodbye to the hassle of toggling between tabs and the uncertainty of margins, fonts, or colors, as well as the limitations of static image overlays that hinder interaction.
Key Features
- Utilize Figma’s accurate measurement tools directly on your live website. By hovering over any element, you can immediately view the spacing, padding, and alignment, ensuring you can confirm every detail without switching tabs or making assumptions.
- Instantly verify design CSS and convert it to Tailwind classes. Simply click on any element within your design to examine its styles and convert Figma styles into Tailwind utility classes in real-time.
- Choose to overlay only the specific frame you require. Whether you need just a header, a card, or a call-to-action section, you can select any frame or group in Figma to overlay that portion alone, providing a precise reference as you code.
This extension empowers designers and developers alike, creating a more efficient workflow and enhancing collaboration.
Description
Stele serves as a browser-based library tailored for frontend developers, design engineers, and designers who engage with code. With its Chrome extension, users can capture a variety of web-page elements including full pages, screenshots, videos, bookmarks, code snippets, and notes, all organized within a searchable visual workspace. The captures preserve essential elements such as HTML, styles, assets, and design tokens, facilitating the inspection of colors, fonts, spacing, and component specifics after they have been saved. Additionally, the web application features semantic search, tagging capabilities, accessibility and contrast evaluations, and allows for exports in formats like React, HTML, and Tailwind. Users can also integrate AI coding tools via the Model Context Protocol (MCP), which enables them to search through and utilize saved references as contextual information. Moreover, the platform allows for inspiration to be imported from various services such as Pinterest, Dribbble, Behance, X, and Raindrop.io. Stele provides both a complimentary plan and an advanced Pro subscription for users seeking enhanced features. This versatility makes it a valuable resource for those in the design and development fields.
API Access
Has API
No
API Access
Has API
Yes
Screenshots View All
No images available
Integrations
Behance
No
Claude
No
Cursor
No
Dribbble
No
Figma
Yes
Google Chrome
Yes
Model Context Protocol (MCP)
No
Pinterest
No
Raindrop.io
No
X (Twitter)
No
Integrations
Behance
Yes
Claude
Yes
Cursor
Yes
Dribbble
Yes
Figma
No
Google Chrome
No
Model Context Protocol (MCP)
Yes
Pinterest
Yes
Raindrop.io
Yes
X (Twitter)
Yes
Pricing Details
$6/month
Free Trial
No
Free Version
Yes
Pricing Details
$10/month
Pro is $10/month for beta members, with the discounted rate lasting while the subscription remains active. Standard Pro pricing is $15/month billed monthly or $144 billed yearly ($12/month equivalent); subscriptions renew automatically until canceled. The free plan includes 60 captures, 2 GB of storage, one personal space, and 200 AI credits per month. Pro includes 100 GB of storage and 2,000 AI credits per month. Pro has a free trial; a payment method is collected at checkout, and billing starts after the trial unless canceled.
Free Trial
No
Free Version
Yes
Deployment
Web-Based
Yes
On-Premises
No
iPhone App
No
iPad App
No
Android App
No
Windows
No
Mac
No
Linux
No
Chromebook
No
Deployment
Web-Based
Yes
On-Premises
No
iPhone App
No
iPad App
No
Android App
No
Windows
No
Mac
No
Linux
No
Chromebook
Yes
Customer Support
Business Hours
No
Live Rep (24/7)
No
Online Support
Yes
Customer Support
Business Hours
No
Live Rep (24/7)
No
Online Support
Yes
Types of Training
Training Docs
Yes
Webinars
No
Live Training (Online)
No
In Person
No
Types of Training
Training Docs
Yes
Webinars
No
Live Training (Online)
No
In Person
No
Vendor Details
Company Name
Over.fig
Founded
2025
Country
United States
Website
overfig.com
Vendor Details
Company Name
stele.so
Founded
2026
Country
India
Website
stele.so
Product Features
Web Design
Autocompletion
No
Collaborative Editing
No
Content Management
No
Drag & Drop
No
Element Libraries
No
Programming Language Support
No
Syntax Highlighting
No
Templates
No