From Figma to 3D website using Framer and Spline

byTim Gabe
No items found.
No items found.
01 / 00

In this tutorial, we will go from Figma to an animated Spline 3D website in Framer.

Tags
Website Builder
Mobile website design
How-To's
More like this
AB Testing for Product Designers
Testing and designing for bigger audience at Netflix
Learn Web Design For Beginners
Web design challenge in Figma
Choosing the best brand name
How to design for peoples attention
How brand strategy can save your business
3 Things to Help you Grow in Confidence as a Product Designer
How to Get Started Designing Native Apps
5 Essential Questions Every Product Designer Should Ask
UX Research: 10 Tips to Improve Your UX Presentation Deck
UX Research: How to Avoid Survey Mistakes
UX Research Methods: The Basics You Need to Get Started
How to get people to buy faster
Idea To Launch: Complete Guide
How to use emotions to sell
9 eye scanning patterns you must know
Brand vs Branding, what's the difference.
3 ways to sell feelings not features
Packaging Design process
UI UX Portfolio Hacks
Developing a design eye as a ux/ui designer
Brand purpose isn’t just a statement
The 3-30-3 rule in design
How to stand out with your personal brand
How user interface, user experience and customer experience vary with each other
Thinking outside the box in ui/ux design
Misconceptions about UI Grids
How to measure brand impact
The power of using illustrations in branding
Cognitive biases in Ux
branding questions to formulate your brand statement
Brand Strategy basics
Story telling in design
Young Designer Mistakes
How Ux design affects SEO
Framer Parallax Trick (Loop & Scroll Speed Tutorial)
Crash course on Framer CMS
From Figma to 3D website using Framer and Spline
Designing dark modes for iOS apps
Animated bottom navigation bar in figma
How to create an interactive app navigation menu in figma
Design faster with Figma's new multi-edit feature.
Do's and Don'ts of UI design
Framer features that you should know.
Create a full color pallet with figma plugin
Animation basics in figma
Ultimate guide to becoming a web designer.
UX design process explained using a real mobile app project.
Learning how to use Jitter: A superfast UI/UX animation tool.
Learn about typography anatomy
How to Hand-off UI Designs to Developers using figma or zepling
How to organize your Figma File like a Pro
What Is A User Flow? How To Quickly Get Started
How to Win Against UX Design Pushback
UI/UX Design Job Interview Questions and Answers - Ace Your Next UX Design Interview!
Introduction to Data and Metrics for Product Designers, Becoming a Data Driven UX Designer
10 CRUCIAL Questions You MUST Ask Your Interviewer as a UX/UI Designer
5 Huge Tips on UX Portfolio Presentation for Video Call Interviews
How to present your portfolio case studies in a UX design interview.
The 4 Most Important Laws of UX Design
Fastest way to create text styles in Figma
7 fresh ways to emphasize text
Adobe Illustrator for Beginners: Get Started in 10 Minutes
8 Must-Know Tricks to Master Adobe Illustrator in 2024
Scrollable list in Figma
Horizontal and Vertical Scroll in Figma - Quick Prototyping Tutorial
Menu Animation in Figma
Tutorial Colour Theory and Psychology for UI/UX Design
Learn what Colors Mean and How They Affect Consumers
How to Choose Colors with Easy 3-Step Process
How to apply 60-30-10 Color Rule in your designs
Design Thinking Full Course on Design Thinking Process & Design Thinking For Beginners
How To Run A Design Thinking Workshop
Splash Screen Animation in 6 Minutes (Figma Tutorial)
How to Create a Component in Figma
How To Create Mesh Gradients in Figma (Beginner Tutorial)
How to master the use of buttons in ui/ux
Ux design laws that every designer should know
How To Add Text To Video In Canva: Tutorial For beginners
How To Conduct UX Research Analysis
When to Use Which UX Research Method
Introduction to design systems
Figma Tutorial: Fake 3d Rotation in Figma
15 Genius Canva Hacks In Under 10 Minutes
6 UI Hacks I Wish I Knew As A Beginner
Transparent Effect in Photoshop
How To Manipulate & Customise Typography For A Logo
Understanding Visual Design Principles
Figma components and variants for beginners
60-30-10 Color Rule
Your First Design System in Figma (Beginner Tutorial)
Adobe Illustrator Tutorial - How to Create Custom Typography
The Right Way To Build A Navigation Bar In Figma
UX Portfolio: How to create a UX Design Case Study
An Introvert's Guide To Getting Clients & Networking
6 Essential Webflow Design Tips for Efficiency and Productivity
Learn Framer in 20 Minutes (Crash Course)
Figma Advanced Animations
Cool Hover Effects In Framer Tutorial