Figma Sites
Figma Sites is an all-in-one platform that allows users to design, prototype, and publish high-quality websites without leaving the Figma workflow. Users can create beautiful responsive layouts for any screen size using familiar design tools like frames, auto layout, shapes, and responsive components. Designs can be copied and pasted seamlessly between Figma Design and Figma Sites, preserving every detail from page layouts to typography. It offers pre-built blocks with auto layout built in, enabling users to structure pages quickly and customize styles to craft unique web experiences. Interactive elements such as marquee scrolling, custom cursors, and hover effects can be added with ease to bring sites to life. Figma Sites also supports the use of existing design libraries, styles, and components, ensuring brand consistency and efficient design processes. Templates for various use cases, including events, landing pages, personal sites, business sites, and portfolios, are available.
Learn more
FigPrompt
FigPrompt is an AI-powered “plugin architect” designed to generate fully functional Figma plugins from simple natural language descriptions, eliminating the need for manual coding or deep knowledge of the Figma API. Users can describe what they want their plugin to do in plain English, and the platform automatically produces all required files, including code.js, ui.html, and manifest.json, delivering production-ready output in seconds. It is built to follow Figma’s sandbox rules and best practices, ensuring that generated plugins are compliant, secure, and ready to run without additional setup or build steps. It supports rapid iteration, allowing users to refine or modify their plugin by simply updating the prompt, while maintaining existing functionality and tracking changes through version history. It also includes smart validation features that check permissions and structure, reducing errors and improving reliability.
Learn more
Figmentor
Figmentor is a plugin-powered platform that converts designs from Figma into fully importable Elementor JSON templates with pixel-perfect accuracy, all in a single click. Users start by selecting their Figma frame, then FIGMENTOR generates a clean, optimized Elementor-compatible output that preserves layout, typography, and spacing and supports responsive design. The export fully supports widgets like columns, images, buttons, and text layers, while maintaining the original Figma layer structure for easy post-import edits. SEO-optimized markup and clean structure ensure strong search engine visibility from the start. Compatible with both free and Pro versions of Elementor, the platform streamlines the handoff between design and development, eliminating hours of manual coding, reducing revision cycles, and enabling faster site delivery. Designed for a designer-first workflow, Figmentor works through a Figma plugin and a WordPress/Elementor plugin to cover the full conversion journey.
Learn more
Over.fig
Over.fig - a free Chrome extension that overlays your Figma design as a semi-transparent layer directly into your webpage.
Bridge the gap between design and code. Compare design to website in one click.
No more switching tabs. No more guessing margins, fonts, or colors. And no more static image overlays that limit interaction.
Key Features
- Access Figma’s precise measurement tools — without leaving your website. Hover over any element and instantly see spacing, padding, and alignment. Verify every detail directly on the live page. No more tab-switching, no more guessing.
- Instant check design CSS & Tailwind conversion. Click any design element to inspect its styles and transform Figma styles into Tailwind utility classes on the fly.
- Overlay only the frame that you need. Need to use only a header, card, or CTA section? Select any frame or group in Figma, overlay just that part, and use it as a reference while coding.
Learn more