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.
HomeEducationUX Research Methods: The Basics You Need to Get Started

UX Research Methods: The Basics You Need to Get Started

byUX in the Head
Share
No items found.
No items found.
01 / 00

Let’s explore the most common UX research methods used (and a couple of other methods that are good to know). We'll dive into the pros and cons of each method and at the end discuss how to choose the right one for your project.

Tags
UI/UX Design
Product Design
User Research
How-To's
Author
UX in the Head
Source
Link
Featured
April 9, 2024
More like this
Education
IG Post or Carousel
How to know if your redesign was successful
Education
IG Post or Carousel
How to make your portfolio text readable
Education
IG Post or Carousel
How to change Ux artefacts into stories
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
Education
Youtube
5 laws of design layout & composition
Education
IG Post or Carousel
ABC's of Ux design
Education
IG Post or Carousel
Gestalt Principles in ux design
Education
IG Post or Carousel
Ui token types
Education
IG Post or Carousel
The role of emotions in ux design
Education
IG Post or Carousel
Storytelling in brand strategy
Education
Website
Uxspot
Education
Website
Principles of using Grids
Education
IG Post or Carousel
07 cognitive bias in product design
Education
IG Post or Carousel
How to pair the fonts for your brand
Education
IG Post or Carousel
80-20 rule in ux design
Education
IG Post or Carousel
Learn about interactive component states
Education
IG Post or Carousel
how to create personas
Education
IG Post or Carousel
Why are Visual Cues so Powerful
Education
Youtube
How to Create an Image Carousel Animation In Figma
Education
Youtube
UX of Spatial Design in 2024 | XR Best Practices
Education
Youtube
UX Portfolio: How to write a great tagline to describe yourself
Education
Youtube
AB Testing for Product Designers
Education
Youtube
Testing and designing for bigger audience at Netflix
Education
Youtube
3 Things to Help you Grow in Confidence as a Product Designer
Education
Youtube
How to Get Started Designing Native Apps
Education
Youtube
5 Essential Questions Every Product Designer Should Ask
Education
Youtube
UX Research: 10 Tips to Improve Your UX Presentation Deck
Education
Youtube
UX Research: How to Avoid Survey Mistakes
Education
Youtube
UX Research Methods: The Basics You Need to Get Started
Education
IG Post or Carousel
How to use emotions to sell
Education
IG Post or Carousel
9 eye scanning patterns you must know
Education
IG Post or Carousel
Brand vs Branding, what's the difference.
Education
IG Post or Carousel
3 ways to sell feelings not features
Education
IG Post or Carousel
Brand purpose isn’t just a statement
Education
IG Post or Carousel
How to stand out with your personal brand
Education
IG Post or Carousel
How user interface, user experience and customer experience vary with each other
Education
IG Post or Carousel
Thinking outside the box in ui/ux design
Education
Youtube
Misconceptions about UI Grids
Education
IG Post or Carousel
Cognitive biases in Ux
Education
IG Post or Carousel
branding questions to formulate your brand statement
Education
IG Post or Carousel
Brand Strategy basics
Education
IG Post or Carousel
Story telling in design
Education
IG Post or Carousel
Young Designer Mistakes
Education
IG Post or Carousel
How Ux design affects SEO
Education
Youtube
Framer Parallax Trick (Loop & Scroll Speed Tutorial)
Education
Youtube
Crash course on Framer CMS
Education
Youtube
From Figma to 3D website using Framer and Spline
Education
Youtube
Designing dark modes for iOS apps
Education
Youtube
Animated bottom navigation bar in figma
Education
Youtube
How to create an interactive app navigation menu in figma
Education
Youtube
Design faster with Figma's new multi-edit feature.
Education
Youtube
Do's and Don'ts of UI design
Education
Youtube
Framer features that you should know.
Education
Youtube
Create a full color pallet with figma plugin
Education
Youtube
Animation basics in figma
Education
Youtube
Ultimate guide to becoming a web designer.
Education
Youtube
UX design process explained using a real mobile app project.
Education
Youtube
Learning how to use Jitter: A superfast UI/UX animation tool.
Education
IG Post or Carousel
Learn about typography anatomy
Education
Youtube
How to Hand-off UI Designs to Developers using figma or zepling
Education
Youtube
How to organize your Figma File like a Pro
Education
Youtube
What Is A User Flow? How To Quickly Get Started
Education
Youtube
How to Win Against UX Design Pushback
Education
Youtube
UI/UX Design Job Interview Questions and Answers - Ace Your Next UX Design Interview!
Education
Youtube
Introduction to Data and Metrics for Product Designers, Becoming a Data Driven UX Designer
Education
Youtube
10 CRUCIAL Questions You MUST Ask Your Interviewer as a UX/UI Designer
Education
Youtube
5 Huge Tips on UX Portfolio Presentation for Video Call Interviews
Education
Youtube
How to present your portfolio case studies in a UX design interview.
Education
Youtube
The 4 Most Important Laws of UX Design
Education
Youtube
Fastest way to create text styles in Figma
Education
IG Post or Carousel
7 fresh ways to emphasize text
Education
Youtube
Adobe Illustrator for Beginners: Get Started in 10 Minutes
Education
Youtube
8 Must-Know Tricks to Master Adobe Illustrator in 2024
Education
Youtube
Scrollable list in Figma
Education
Youtube
Horizontal and Vertical Scroll in Figma - Quick Prototyping Tutorial
Education
Youtube
Menu Animation in Figma
Education
Youtube
Tutorial Colour Theory and Psychology for UI/UX Design
Education
Youtube
Learn what Colors Mean and How They Affect Consumers
Education
Youtube
How to Choose Colors with Easy 3-Step Process
Education
Youtube
How to apply 60-30-10 Color Rule in your designs
Education
Youtube
Design Thinking Full Course on Design Thinking Process & Design Thinking For Beginners
Education
Youtube
How To Run A Design Thinking Workshop
Education
Youtube
Splash Screen Animation in 6 Minutes (Figma Tutorial)
Education
Youtube
How to Create a Component in Figma
Education
Youtube
How To Create Mesh Gradients in Figma (Beginner Tutorial)
Education
IG Post or Carousel
Ux design laws that every designer should know
Education
Youtube
How To Add Text To Video In Canva: Tutorial For beginners
Education
Youtube
How To Conduct UX Research Analysis
Education
Youtube
When to Use Which UX Research Method
Education
Youtube
Introduction to design systems
Education
Youtube
Figma Tutorial: Fake 3d Rotation in Figma
Education
Youtube
15 Genius Canva Hacks In Under 10 Minutes
Education
Youtube
6 UI Hacks I Wish I Knew As A Beginner
Education
Youtube
Transparent Effect in Photoshop
Education
Youtube
How To Manipulate & Customise Typography For A Logo
Education
Youtube
Understanding Visual Design Principles
Education
Youtube
Figma components and variants for beginners
Education
Youtube
60-30-10 Color Rule

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