Discover
Heading
Automations!
We created a kit of tools that you can use while automating the design process.
Generate Website from Google Spreadsheet
Sheet 2 Site is a website generator that making a site from Google Sheets.
How to create a fully automated job board using no-code tools?
Automatio + Webflow + Google Sheets + Zapier
Elfsight Widgets
Elfsight widgets help 1,000,000+ website owners to increase sales, engage visitors, collect leads and more.
SVGs into React components
A complete tool box to take advantage of using SVGs in your React applications.
Html-sketchapp
Html-sketchapp turns HTML nodes into Sketch layers or symbols. Additionally, it allows to export shared text styles and document colors.
Contrast for Figma
The Contrast plugin makes it easy to check the contrast ratios of colours in your designs and make sure the project you're currently working on adheres correctly to the Web Content Accessibility Guidelines (WCAG).
Figma to Code
Convert Figma layouts into responsive webpages (in Tailwind) or mobile apps (in Flutter and SwiftUI).
Generating Code From Low Fidelity Wireframes
Airbnb team built an initial prototype using about a dozen hand-drawn components as training data, open source machine learning algorithms, and a small amount of intermediary code to render components from our design system into the browser.
HTML to Figma
Use this extension to capture your current page and import it as editable Figma layers!
Create beautiful products with Material Design
Google’s most expressive and adaptable design system yet.
Automator for Figma
Automations are made up of multiple “actions,” or things you can do in Figma by mouse, keyboard, or menu like drawing shapes or changing layer styles.
Figma Plugin for Animation
Flipbook is a Figma plugin that helps you to create animation from your design.
How to use the IF function in Airtable formulas
Test your inputs with the great and powerful “IF.”
Mondrian Art in CSS From 5 Code Artists
What if Mondrian used CSS instead of paint?
Wire Box for Wireframes
With design systems its become easier and easier to work in hi-fi designs quickly and easily. Sometimes, however, you need to step back into lo-fi wireframes.
CSS Peeper
Extract CSS and build beautiful styleguides.
Prototyping Tools to Use with Sketch
Many prototyping tools now include plugins for Sketch prototyping. We can help you find the most suitable Sketch prototyping tool for you.
Tenon.io: Accessibility as a Service
Tenon's tools, testing and training fix accessibility for websites.
VisBug
Open source web design debug tools built with JavaScript: a FireBug for designers.
Wave (Web Accessibility Evaluation Tool)
The WAVE Chrome, Firefox, and Edge extensions allows you to evaluate web content for accessibility issues directly within your browser.
Figment
Turn your designs into websites without coding - add animations, functional buttons, videos, and quickly export HTML when done!
Chrome Extension by Finsweet
Finsweet created a f'in awesome extension to unlock new and powerful tools and functionalities within Webflow's Dashboard, Editor and Designer.
From Figma to site with one click
Makers is a Figma Plugin to help you build and publish sites directly in Figma. No code required.