Here is a quick video showcasing the new features in Spline’s Alpha Release which includes 3D Vector Editing, Post Processing Effects, File Sharing, and New Interaction Features. Also, a quick demo on how to convert 2D Vector Shapes to 3D Objects.
#Spline #SplineDesign #2Dto3D
I was just trying to see if we can achieve Glassmorphism or the Glass Effect in 3D using Spline.
#3D #3DGlassmorphism #SplineDesign
Here is an easy & free method to put your prototype videos on a mobile, laptop, or desktop mockup. Below are some resources where you can find free as well as paid professional device mockups to use in your projects.
#AddDeviceMockup #PrototypePresentation #ExportVideoGIF
Tutorial on how to create a realistic text box or text field with blinking indicator animation that we see on mobile devices. This is not something you would use in a prototype but if there is a scenario where you wanna show entering text also like a real app then this might come in handy.
#AdobeXdTypingAnimation #TypingAnimation #AdobeXDTutorial
In this video, I was experimenting, whether it’s possible to create a real 3D cube in Adobe Xd using its new 3D transforms feature. Do check out the video to see how far it’s possible to make a functional 3D cube that can rotate and look like an actual 3D cube.
#3DCube #Real3DCube #AdobeXdTutorial
A detailed video showing how to create an input field or text box using the interactive components feature in Figma which is still in the beta version. Now within a single frame, we can have a real input field experience in Figma. All input interactions happen within a single frame.
#InputField #TextBox #InteractiveComponents
In this video, we will be seeing how to compare two sketch files and find the differences in it. We will compare two versions of the same Sketch file and find the changes. Diff tool or method for .sketch files. Visually compare and identify the difference between two sketch files.
#compareSketchFiles #sketchFileDifferences #sketchAppTutorials
In this video, I will be talking about what is color contrast ratio, how is it calculated and why is it important to avoid a bad UX. With a quick overview of what color contrast ratio is about we also see how the ratio is calculated using the formula and end it with an example. In between, I also talk about what is relative luminance which is used to determine the color contrast ratio.
#ColorContrastRatio #RelativeLuminance #UserExperience
In this video, I’ll be showing you how to create Lottie animation without After Effects. I will be using a tool called Haiku Animator to create a simple animation and then be uploading it on Lottiefiles. I’ll also be showing you a sample of how to use it as a gif on Figma to create a cool loading screen.
#LottieFiles #LottieAnimations #LottieWithoutAfterEffects
A fun experiment where I tried to create a functional input field or text box that allows you to type any character from the keyboard like capital and small alphabets, numbers, and special characters using the new interactive components feature in Figma.
#FunctionalInputField #FunExperiment #InteractiveComponents
In this video, we will be seeing how to create lazy loading animation in Figma. This is going to be a quick and easy method to get lazy loader or skeleton UI on your Figma Prototypes. We will be using a Lottie file to create this lazy loader animation and the best part is it can be customized to use on Dark Mode or Dark UI also.
#LazyLoadingAnimation #SkeletonUI #FigmaTutorials
Here are 10 Amazing Games to Learn UI Design. These are all online web-based games so nothing to download or install just simple fun games that help you learn some concept of design or put your UI design knowledge to the test.
#DesignGames #LearnUIDesign
In this video, I will be showing how you can animate an amount or any number along with dragging a slider. #AdobeXD #sliderAnimation #AdobeXDTutorialSeries
In the latest update of Adobe XD34 on October 20, 2020 they have introduced 3D transforms feature that allows us to do 3D animations. In this video, I will be showing you how to easily do a card flip in 3D.
#3DCardFlip #AdobeXDTutorials #3DTransforms
In this video, I give a quick brief intro to the animation features of Spline. I quickly just tried to create a rough 3D object to animate a rotating device on it.
#Spline #3DAnimations #SplineAnimations
In this video, I show you how to create Simple Maps/Street View Interaction Animation in Figma Using Overlays and smart animate. Google maps or Google street view or any other map application show callouts on click of the pins on different locations.
#MapInteraction #StreetViewInteraction #FigmaTutorialSeries
There are many plugins related to GIFs for Figma but all of them need multiple frames as input to create a gif. However, in this video, we’ll be seeing how we can easily create and export gif file in Figma.
#CreateGIF #ExportGIF #FigmaTutorialSeries
