Tattoo BSJun 11, 2026

Figma Tool Walkthrough: Tattoo Flash Animations 🎨

2views

Figma Tool Walkthrough: Tattoo Flash Animations 🎨

Tattoo BS

A walkthrough of a custom tool built in Figma designed to help tattoo artists create animated social media content. Learn how to overlay flash designs with animated text, custom backgrounds, and effects for Instagram reels and stories.

Figma Tool Walkthrough: Tattoo Flash Animations 🎨

Tattoo BS

A walkthrough of a custom tool built in Figma designed to help tattoo artists create animated social media content. Learn how to overlay flash designs with animated text, custom backgrounds, and effects for Instagram reels and stories.

Chapters

00:00

Introduction to Figma Tool

Overview of the project created for the Figma challenge.

00:44

Project Purpose

02:29

Text Editing Features

03:44

Adding Flash Designs

04:28

Background and Overlays

05:40

Preview and Exporting

06:43

Future Development

Transcript

00:00

So here's a quick walkthrough of the product that I made for the Figma challenge on Contra.

00:05

this is the first time I've used Figma and or Figma make.

00:09

And I gotta say it's a really good tool.

00:12

probably one of the best design tools that I've used with a, with an agent.

00:17

And it's pretty intuitive, pretty easy.

00:20

And the amount of credits that it uses, pretty minimal.

00:24

I think.

00:24

I got this made with 150 to 200 credits which is pretty impressive based on how many edits I made and just the micro adjustments.

00:35

I made this so it's just easier for me to upload reels or stories on Instagram for my tattoo Flash designs.

00:44

The basic idea was I just wanted to have a program that I could put my designs in and then just have animated text going around them and maybe add a background and then overlay some images.

00:59

So it's still evolving.

01:00

I made it pretty lean so it's, it's pretty simple.

01:04

But I'll do the walkthrough real quick.

01:07

so you have the text editors, you have a front and back text and so you go to the text tool and it just marks the front and behind.

01:17

you can change whatever you want it to say.

01:20

You can add a different font, and you just scroll down and then it gives you different animations.

01:27

you can play around with it and then this controls the different aspects of the, the font on the screen.

01:34

you can move it up or down, we'll move it up.

01:37

You can do the speed.

01:38

So this adjusts the how fast it moves or slow, sizing as well.

01:44

You get the idea.

01:46

And then the same for the front text.

01:50

So once you have a desire text you will just add an animation to it, bring it down a little bit and you can play around with it.

02:00

There's also this little animation that just creates like a weird effect on it.

02:06

Once you have that, let's add Flash design.

02:09

And as you can see these are all the tools so there's not that many but it's still fun to play around.

02:16

So upload your Flash design.

02:18

you can increase, decrease the size and just to do all the adjustments to the Flash let's add a background.

02:25

you can select these existing colors or you can add your own color.

02:30

You can also add images or you can upload videos as well.

02:36

and hopefully in the next version we'll have the preset videos uploaded.

02:41

if you want to do another image on top of this, just add another image upload.

02:48

So if you have logos any other thing, you can add just simple animations to it if you like or you can just have it plain and then speed.

02:59

once you get everything the way that you like it, hit preview.

03:04

You just use your built in screen record on the computer or on your iPad or phone.

03:10

which like I was saying it's a lean program.

03:13

Just made it simple.

03:15

So on a Mac it's command shift 5 and then record it, let it record for 1015 seconds.

03:25

Once you're done recording it just saves it straight to your phone or your whatever system that you're using and that's about it.

03:34

And then close that out and then you can keep on, keep on redoing it, play around with it, let me know what you like, what you don't like.

03:43

Obviously it's in the very first stage.

03:47

it's pretty fun so far.

03:48

and there's a lot more to come.

03:50

I believe I'm going to hit the mobile side of it so it'll be easier to use on a phone.

03:56

yeah, let me know.

03:57

Thanks.

Figma Tool Walkthrough: Tattoo Flash Animations 🎨 — Tella