Created this little animation - In the jungle 🌴- in Figma for first day of #figbruary. Added a little parallax animation using simple smart components. More assets details shared here. pic.twitter.com/vgrl4q9UX4
Vijay challenged himself to create a small set of icons in 2 minutes — that’s just 12 seconds per icon! My takeaway is the importance of a good starting grid template (like this one from Font Awesome) that saves a ton of time and helps with consistency.
Last night decided to create 10 icons in 2 minutes as a challenge. Here is the live result/tutorial⏲️. Upload & download icons were a real timesaver; otherwise, it would have been hard. Who's next? @miggi, are you up for it? Shared some more insight below - pic.twitter.com/8doERA5zrA
Vijay took his old experimental prototype (see issue #89) further by teaching a head to talk! Smart use of video as audio and variables.
Okay, let's talk. Revisited the talking head, and now it can talk @figma design😍. Sound ON 🔊 Little variables, some smart components and a trick to use video as audio. Who want figma file, let me know? pic.twitter.com/CbaDTMtUNk
I missed Vijay’s Figma recreations! A great illustration of the Sony Walkman, full of little details and textures. “Most of the shapes are created using primitive shapes with shadows and blend modes.”
Last night, while looking for inspiration, I found this walkman so quickly made in @figma 🎧🎵. Most of the shapes are created using primitive shapes with shadows and blend modes. pic.twitter.com/aTqPpflNeQ
Step 2: Learn from Vijay Verma how to create a cute animation using variables and conditions.
Create something spooky! Here's a quick tutorial to design this little guy in @figma using variables and conditions 👻. Small video shared and also get the code cheatsheet shared below. 📷✨ pic.twitter.com/K0TsE9iSiK
Vijay Verma made a photo-realistic illustration of the Nintendo Switch console with 150+ primitive shapes, inner shadows, and gradients.
Spent some time over the weekend creating one of my fav console nintendo switch in @figma 🎮. Creating these products with primitive shapes, inner shadows and gradients is a lot of fun ✨ pic.twitter.com/PyX1nynj3O
Vijay recreated a Fujifilm X100V camera using mostly primitive shapes with shadows and gradients. As a Fuji shooter since the days of X-T1, I love seeing his attention to detail in this illustration! See this thread for his tips on creating a metal pattern and a camera texture.
A new tutorial from Vijay Verma on creating an animation for a loader indicator shaped like a glass filled with liquid. The prototype uses a few variables and conditions, and he shares them in the cheat sheet in the thread.
Another quick @figma tutorial to create this animation using variable and conditions 🥤. Small video to create this included. And get the code cheatsheet shared below. ✨ pic.twitter.com/VSiyS9jLSu
Vijay Verma with a quick video tutorial on how to create a functional loader with variables and conditions.
Here quick @figma tutorials on how to create a functional loader with variable and conditions 🤩. Small video tutorials added. And get the code cheatsheet and more from here ↓ pic.twitter.com/Sj2mZeHL9T
Vijay is building a game using variables with new advanced prototyping features and explains how it works along the way.
With new @figma variables. We can create any number of flow using conditions on a single frame. Testing a free flow character movement. Also tried to detect object and it worked. Small demo for something big we can create. Shared some logics below 🤩 pic.twitter.com/PpBlYzTBx2
Vijay Verma won’t miss a chance to build something fun with a new Figma feature. Here, he made a fun personalized avatars constructor using different combinations of components and variables.
Okay @figma variables are very cool. With just one frame and a few different variables with smart components, I've created this dashboard for create and customize avatar 🤩. Variable list shared below. pic.twitter.com/gJonbjiP8h
All-in-one free and open-source wireframe kit for quickly designing and prototyping ideas by Vijay Verma. The library contains more than 250+ components supporting dark mode and 150+ ready-to-use mobile screens.
A new plugin by Vijay Verma: “The plugin utilizes the Metavatar algorithm to create stunning gradient backgrounds in a variety of cool colors. It also has the added feature of adding noise to make the gradients even more visually striking.”