All
Design Tips
Resources
Education
Tools
Illustrations
Currents
Interactions
Create an accountAlready have an account? Sign in
Your Name
View Profile
Saved Whiz
Logout
Common Actions
Design Tips
Category
Currents
Category
Interactions
Category
Illustrations
Category
Resources
Category
Education
Category
Tools
Category
CodeFun
Tools
CodeFun
Tools

CodeFun is an excellent tool for intelligently generating source code from UI design drafts. Through AI algorithms, it can convert Figma's design drafts into source code like engineers' handwriting with one click.

Typper
Tools

Functional code for any language from Figma

Buzzy
Tools

Create fully working native apps and responsive websites, MVPs or prototypes with real data, user-generated content and live forms straight from Figma, without coding.

Dualite
Tools

We, at Dualite, aim to fasten development production speed with the first-of-its-kind design-to-code tool that lets designers export interactive design prototypes and get them converted to React and HTML/CSS.

Tencent CoDesign
Tools

Tencent CoDesign is a one-stop collaborative platform for product design and development, helping teams improve design collaboration efficiency, effectively manage and use design assets, and make product design easier and more efficient.

QR Code Designer
Tools

QR Code Designer is the missing QR code customization tool. Create custom QR codes that match your brand and design guidelines. This tool integrates with Figma seamlessly by leaving complex QR code generation to the plugin, while allowing you to customize the colors, logo, and effects using regular old Figma.

Icons → Code
Tools

The Design System Middleware that allows you to manage, import, convert and sync graphical assets or icons directly from Figma into your application code.

CoderPad
Tools

CoderPad is a comprehensive technical assessment platform that helps companies identify the best software engineering candidates regardless of their background.

Codia AI
Tools

Codia AI can convert Figma designs to production-ready code within minutes for web and app development, just like a human coder. This significantly amplifies design-to-code efficiency by 10 times or more.

Figma to Dora
Tools

With this plugin, you can effortlessly transfer your Figma design into Dora. Just paste, add interactions, and publish your creation as a fully functional webpage. Dora also supports the use of 3D models and CMS data.

Clapy
Tools

Generate clean React, HTML and CSS code from your Figma files in a few seconds.

QR Coder
Tools

Just type in any URL or text and the plugin will generate the QR code that you can use your phone camera to scan.

FireJet
Tools

Export Figma Design to Code,  Tailwind,  React,  Vue,  Svelte,  HTML,  TypeScript.

Codejet.ai
Tools

Codejet Plugin seamlessly converts auto layout frames natively in Figma to clean and open source code (HTML/CSS) that you can edit in Visual Editor or export.

AutoHTML
Tools

Export React, Vue, Svelte or HTML with Tailwind or CSS Styling.

PxCode
Tools

pxCode is a Design to Code tool. With the revolutionary features provided, you hold the complete control to make flexible edits on your design, obtain developer-friendly HTML / CSS / React.js / Vue / Tailwind CSS code to export for integration. 

Adventures in Imagination: Creative Storytelling for Children
Resources
22 Rules for Storytelling
Resources
Typography Style Tiles
Interactions
Barlow | Typographic Scale & Color Base.
Resources
Design System Tutorial: Typography
Resources
Typography Setup for Mobile Web Design
Resources
Typography - Ultimate Design Systems Breakdown
Resources
Typography Grid and Layout Design
Resources
Modular Typographic Scale System
Resources
Oops! No results found
Please make sure your words are spelt correctly.
Search for designs, illustrations, books instead?
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Sign in
Sign up
Welcome
Please enter your details.
Continue with Google
New here? Sign up
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Welcome
Please enter your details.
Continue with Google
Already have an account? Sign in
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
HomeSaved Whiz
Saved Whiz
Category
Type
Tools
Type
Youtube
Website
Blog Posts/Article
Tool or Software
IG Post or Carousel
Asset (icons, templates)
IG video
Most Recent
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
👀
No items saved yet
Save any item and they will appear here
Browse Whiz
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Tools
Tool or Software
CodeFun
Tools
Tool or Software
Typper
Tools
Tool or Software
Buzzy
Tools
Tool or Software
Dualite
Tools
Tool or Software
Tencent CoDesign
Tools
Tool or Software
QR Code Designer
Tools
Tool or Software
Icons → Code
Tools
Tool or Software
CoderPad
Tools
Tool or Software
Codia AI
Tools
Tool or Software
Figma to Dora
Tools
Tool or Software
Clapy
Tools
Tool or Software
QR Coder
Tools
Tool or Software
FireJet
Tools
Tool or Software
Codejet.ai
Tools
Tool or Software
AutoHTML
Tools
Tool or Software
PxCode
Resources
Tool or Software
Adventures in Imagination: Creative Storytelling for Children
Resources
Asset (icons, templates)
22 Rules for Storytelling
Interactions
Tool or Software
Typography Style Tiles
Resources
Asset (icons, templates)
Barlow | Typographic Scale & Color Base.
Resources
Asset (icons, templates)
Design System Tutorial: Typography
Resources
Asset (icons, templates)
Typography Setup for Mobile Web Design
Resources
Asset (icons, templates)
Typography - Ultimate Design Systems Breakdown
Resources
Tool or Software
Typography Grid and Layout Design
Resources
Asset (icons, templates)
Modular Typographic Scale System
Resources
Tool or Software
Typography
Resources
Tool or Software
[typography] homepage-thumbnails
Tools
Website
Pttrns
Tools
Website
VectorPortal
Resources
Website
Freebie Supply
Resources
Website
DrawKit
Tools
Website
Ira Design
Resources
Website
Standards
Resources
Website
Cosmos
Tools
Tool or Software
Button Hover Growth
Tools
Tool or Software
TeleportHQ
Tools
Tool or Software
CodeTea
Tools
Tool or Software
Locofy Lightning
Resources
Asset (icons, templates)
Tabler icons
Tools
Website
Jam.dev
Tools
Website
Shrink.media
Resources
Website
Font Bundles
Resources
Website
Research-Based User Experience
Tools
Website
Morflax
Education
IG Post or Carousel
How to know if your redesign was successful
Education
IG Post or Carousel
How to ideate easily even if you feel stuck
Education
IG Post or Carousel
Grasp UX project context
Education
IG Post or Carousel
How to present UX problems in your UX portfolio
Resources
unDraw
Tools
Website
SVGator
Tools
Website
Upscale.media
Education
IG Post or Carousel
How to make your portfolio text readable
Resources
Tool or Software
Superdao Growth – Web app
Resources
Tool or Software
Growth Model Canvas
Tools
Tool or Software
Career Growth Plan
Resources
Tool or Software
Digital Growth X
Tools
Asset (icons, templates)
Reforge Growth Loop Template
Resources
Asset (icons, templates)
The World Needs More Growth Designers - Talk Deck
Resources
Tool or Software
Career growth tracker
Resources
Asset (icons, templates)
Business Product Led Growth Landing page template
Resources
Tool or Software
Visual Sitemap
Resources
Asset (icons, templates)
Data Visualization Graphs / Charts Kit
Resources
Tool or Software
Layout Grid Visualizer
Education
IG Post or Carousel
How to change Ux artefacts into stories
Education
IG Post or Carousel
Do`s and Dont`s of UI design
Education
IG Post or Carousel
Questions you should be asking on your discovery call
Education
IG Post or Carousel
Logo variations your brand needs
Education
IG Post or Carousel
How to document your design process
Resources
Website
MaxiBestOf
Tools
Asset (icons, templates)
Relume Figma Kit (v2.5)
Tools
Website
Bubble
Design Tips
Youtube
How to create 3D Website Designs With No Code
Education
Youtube
How to Use the Golden Ratio in Graphic Design
Education
Youtube
5 laws of design layout & composition
Resources
Website
Cosmos
Resources
Website
Ira design
Resources
Website
Drawkit
Resources
Website
Freebie supply
Resources
Website
Vector portal
Resources
Website
Pttrns
Resources
Website
Asylab
Resources
Website
Creatoom
Resources
Website
The dots
Resources
Website
Crate
Resources
Website
Degreeless Design
Tools
Website
Psdrepo
Tools
Website
UIverse
Resources
Website
UXTOOLS
Tools
Tool or Software
DesignDoc [Spectral]: Measures, Annotations, and Handoff
Tools
Tool or Software
EightShapes Specs
Tools
Tool or Software
Redlines & Annotations
Tools
Tool or Software
Measure
Tools
Tool or Software
Redlines
Tools
Tool or Software
Icons8 Background Remover
Tools
Tool or Software
uiGradients
Tools
Tool or Software
Blobs
Design Tips
IG Post or Carousel
How to make water texture in adobe illustrator
Resources
Website
Appshots
Tools
Website
Atmos
Tools
Website
Coverr