Common Actions
Design Tips
Category
Currents
Category
Interactions
Category
Illustrations
Category
Resources
Category
Education
Category
Tools
Category
Gradient Generator
Resources
Gradient Generator
Resources

Creates more brilliant gradients than standard tools (by interpolating in radial color spaces)

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

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. 

VectorPortal
Tools
Ira Design
Tools
TeleportHQ
Tools

Export your components and design system to teleportHQ, integrate the generated code into your web application codebase and publish your website with one click.

CodeTea
Tools

Craft user interfaces for mobile apps effortlessly and professionally right from your browser.Conveniently import designs from Figma, Zeplin, and swiftly adjust components using the 'Drag & Drop' tool. Generate precise code output across multiple frameworks: React Native, Flutter, SwiftUI IOS, and Kotlin Android. The product's correlation level is a direct 1-1 match

Locofy Lightning
Tools

Transform your Figma designs into production-ready front-end code in one click with Locofy Lightning! Effortlessly build full apps, screens, components, and design systems at lightning speed. Experience the future of design-to-code with our cutting-edge technology.

Tabler icons
Resources

4926 Open source free SVG icons. Highly customizable. No attribution required. For commercial use.

Jam.dev
Tools

1 click to capture a perfect bug report. Trusted by 32 of the Fortune 100, and 100K happy users.

Shrink.media
Tools

Reduce the file size of your images by smartly compressing & reducing dimensions, and download the compressed images for free.

Font Bundles
Resources

Explore, design, and personalize with limitless font selections at Font Bundles.

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
All
Design Tips
Resources
Education
Tools
Illustrations
Currents
Interactions
Create an accountAlready have an account? Sign in
Your Name
View Profile
Saved Whiz
Logout
Welcome
Please enter your details.
New here? Sign up
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Welcome
Please enter your details.
Already have an account? Sign in
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
HomeResourcestypethis.studio

typethis.studio

byType This!
Share
No items found.
No items found.
01 / 00

Anchored in Hamburg, Type This! stands as a distinguished type foundry under the meticulous curation of designer Anita Jürgeleit. Offering a diverse array of fonts, the foundry harmoniously integrates traditional craftsmanship with contemporary design sensibilities.

Tags
Typography
UI/UX Design
Visual Design
Product Design
Inspiration
Author
Type This!
Source
Link
Featured
July 2, 2024
More like this
Resources
Website
Gradient Generator
Resources
Asset (icons, templates)
Tabler icons
Resources
Website
Font Bundles
Resources
unDraw
Resources
Website
MaxiBestOf
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
Resources
Website
UXTOOLS
Resources
Website
Appshots
Resources
Website
Freebiesbug
Resources
Website
App Fuel
Resources
Website
Ui Garage
Resources
Asset (icons, templates)
Craftwork
Resources
Website
Dirtylinestudio
Resources
Asset (icons, templates)
Pixeden
Resources
Website
Design inspiration
Resources
Website
Texturelabs
Resources
Website
Seso
Resources
Asset (icons, templates)
UX Case Study Template
Resources
Asset (icons, templates)
Material Gradients
Resources
Website
Designerlynx
Resources
Website
Flaticon
Resources
Website
Font Awesome
Resources
Asset (icons, templates)
Growth Tactics Card Sorting Activity
Resources
Tool or Software
Product Design Toolbox – Growth Board template
Resources
Asset (icons, templates)
The Ultimate Product-led Playbook
Resources
Website
Collect UI
Resources
Website
Scrnshts
Resources
Website
House of mockup
Resources
Asset (icons, templates)
Patternkid
Resources
Website
Iconfinder
Resources
Website
Asset Gallery
Resources
Tool or Software
DesignDoc [Spectral]: Measures, Annotations, and Handoff
Resources
Website
typethis.studio
Resources
Tool or Software
Stratis UI icons
Resources
Tool or Software
Auditing design systems for accessibility
Resources
Tool or Software
Micro interactions - Prototypes
Resources
Tool or Software
25 Button Hover Animations
Resources
Tool or Software
Sidebar Navigation Menu for Dashboard – Animation (Dark & Light Versions)
Resources
Website
Mrmockup
Resources
Apple Design Resources - visionOS
Resources
Tool or Software
Styler
Resources
IG Post or Carousel
Types of CTA's
Resources
IG Post or Carousel
Types of CTA's
Resources
Website
Fonts in the wild
Resources
Website
Color hunt
Resources
Website
Happy Hues
Resources
Website
Uiverse
Resources
Website
Noun project
Resources
Website
MockupWorld
Resources
Website
Unblast
Resources
Website
Fontshare
Resources
Website
Highlights
Resources
Website
Thedesignsystem.guide
Resources
Website
Shortcuts.design
Resources
Website
Sketchvalley
Resources
Website
Realtime Colors
Resources
Website
Palettemaker
Resources
Website
Ux case studies to improve your design skills
Resources
Website
The best UI & UX inspiration, all in one place
Resources
Website
SaaS App Design Inspiration
Resources
Website
Home to the best navbars on the internet for designers
Resources
Website
Footer Design
Resources
Website
eCommerce Website Inspiration
Resources
Website
Rebrand gallery
Resources
Website
Lapa Ninja
Resources
Website
Web design inspiration
Resources
Tool or Software
Deck Gallery
Resources
Tool or Software
The most advanced design system for figma
Resources
Tool or Software
Shader gradient
Resources
Asset (icons, templates)
Groovy stickers
Resources
Asset (icons, templates)
Cool illustrations that makes your stories better
Resources
Asset (icons, templates)
The ultimate source for icons
Resources
Asset (icons, templates)
Ultimate mockup bundle for powerful showcases
Resources
Asset (icons, templates)
Icons, illustrations, photos, music and design tools
Resources
Asset (icons, templates)
Simplify Framer Workflow: Harness 180+ Pre-built Sections
Resources
Blog Posts/Article
Hello
Resources
Asset (icons, templates)
Bunch of icons for all your needs
Resources
Asset (icons, templates)
Logo Archive
Resources
Tool or Software
Innovative resources for designers
Resources
Asset (icons, templates)
Attract Clients and Rock your personal brand with neatly crafted framer 6
Resources
Asset (icons, templates)
Free, do wtf you want with pixel perfect icons
Resources
Asset (icons, templates)
The mockups
Resources
Tool or Software
Navs
Resources
Asset (icons, templates)
Appmotion.design
Resources
Tool or Software
Material design
Resources
Tool or Software
The fastest way to write copy for your website
Resources
Tool or Software
Unlock design consistency with keep design system
Resources
Tool or Software
Arrow dynamics
Resources
Tool or Software
Feed your curiosity
Resources
Tool or Software
The ever expanding design and UI kit for figma
Resources
Asset (icons, templates)
Free typefaces

Unlock all access

Get unlimited access to full collection of bit sized design tips and tricks made by designers for designers to boost your design workflow easily
By continuing, you acknowledge that you have read and understood, and agree to Dsgnwhiz's Terms of Service and Privacy Policy