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
Shuffle is an online workspace designed for visual website creation and code generation, catering to developers, freelancers, and teams engaged in crafting web pages and user interfaces. Users can either begin with specific prompts or choose from a selection of pre-designed UI components, allowing them to rearrange and modify layouts, while also fine-tuning content and styling through an intuitive visual editor. Additionally, AI tools are available to assist in generating or refining designs seamlessly. The platform boasts an array of libraries and templates that support various technologies, including Tailwind CSS, Bootstrap, Material UI, Next.js, Laravel, and shadcn/ui. Projects created within Shuffle can easily be previewed and exported as website source code for subsequent development stages. Moreover, Shuffle incorporates a Model Context Protocol (MCP) server, enabling compatible AI assistants to assist in creating or redesigning projects, monitor generation progress, and access the corresponding code. This versatility makes Shuffle particularly useful for a variety of applications, such as landing pages, dashboards, marketing sites, and numerous other web-based interfaces. Ultimately, Shuffle empowers users to bring their creative visions to life with unparalleled ease and efficiency.
API Access
Has API
No
API Access
Has API
Yes
Screenshots View All
No images available
Screenshots View All
No images available
Integrations
Claude Code
No
Codex CLI
No
Cursor
No
Figma
Yes
Google Chrome
Yes
Model Context Protocol (MCP)
No
Integrations
Claude Code
Yes
Codex CLI
Yes
Cursor
Yes
Figma
No
Google Chrome
No
Model Context Protocol (MCP)
Yes
Pricing Details
$6/month
Free Trial
No
Free Version
Yes
Pricing Details
$10 one-time
Free Trial
No
Free Version
No
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
No
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
Shuffle
Founded
2019
Country
Poland
Website
shuffle.dev/
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
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
Alternatives
Alternatives
No Alternatives