Vijay Verma shows how “Figma Slides” illustrations were made.
Rob Hope interviews a design wizard Vijay Verma. “Vijay Verma is a talented designer renowned for his intricate Figma art and his extensive portfolio of free digital resources. In this episode, we explore his humble beginnings as an electrician in India and his rise to become one of the most beloved designers in the Figma community. Additionally, we have a special case study where Vijay walks us through his character design process, complete with a bonus time-lapse recording he sent after the interview.”
Vijay is doing his magic with a modular illustration built from components.
Vijay Verma’s new project is a collection of over a hundred abstract shapes with cool grainy gradients. It is available as a Figma Community file and React package and is free for both commercial and personal usage. See the behind-the-scenes process on Twitter.
A new plugin by Vijay Verma for generating pleasant color palettes and gradients in one click.
The new Dev Mode plugin for instantly generating React components from selected nodes. See how it works and why Vijay made it in the Twitter thread.
Beautiful kick-off of the Figbruary by Vijay. See more by hashtag #figbruary on Twitter/X.
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 verma (@realvjy) February 1, 2024
Vijay shared his collection of loader prototypes in the community.
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.
— vijay verma (@realvjy) December 12, 2023
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 🔊
— vijay verma (@realvjy) December 6, 2023
Little variables, some smart components and a trick to use video as audio. Who want figma file, let me know? pic.twitter.com/CbaDTMtUNk
A quick tutorial on creating light rays inspired by Rogie and Vijay with the Noise & Texture plugin.
Creating Light Rays in Figma within 15 seconds.
— Irfan Aziz (@heyirfanaziz) November 29, 2023
Using the Noise & Texture plugin from @rogie.
Link to plugin → https://t.co/YekBNCvmt8 pic.twitter.com/kSzIP16C9q
At this point, Vijay is just showing off. Awesome iteration on an earlier shaders experiment by Rogie.
Okay, let's call it @rogie button 🪄. Created using noise and texture plugin. Shared the little breakdown below. pic.twitter.com/VjP9wZkXAT
— vijay verma (@realvjy) November 21, 2023
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
— vijay verma (@realvjy) November 9, 2023
Vijay Verma made a new plugin for adding a color gradient map effect to your graphics. As expected, it comes with cool predefined gradients created by him to get you started.
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 (@realvjy) October 20, 2023
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 verma (@realvjy) August 15, 2023
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 (@realvjy) July 19, 2023
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 verma (@realvjy) July 7, 2023
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 (@realvjy) June 26, 2023