Designing & Developing Animated SVG Logo using Figma & CSS | Ashutosh Hathidara

preview_player
Показать описание
This video illustrates designing logo from scratch using Figma and implementing different animations to each of its components to create beautiful animated logo. This type of logo can be placed on Splash screen of the website or starting of a native applications.

Follow me on below social media,

To know more about me,

Drop me mail if you need any help,
  1. Dev Sense
  2. Logo Design
  3. Logo
  4. Figma
  5. Adobe XD
  6. InkScape
Рекомендации по теме
Make Awesome SVG 0:12:20

Make Awesome SVG Animations with CSS // 7 Useful Techniques

Quick Guide to 0:06:56

Quick Guide to creating animated SVG icons

SVG Explained in 0:02:20

SVG Explained in 100 Seconds

Designing & Developing 0:23:10

Designing & Developing Animated SVG Logo using Figma & CSS | Ashutosh Hathidara

Amazing SVG Animations 0:15:59

Amazing SVG Animations with No Code

Animate Icons in 0:07:20

Animate Icons in Figma in 1 Click! + Export As Json | Design Weekly

Creating an Animated 0:23:22

Creating an Animated SVG Icon with Bodymovin

How to Animate 0:00:07

How to Animate SVG For Free

How to use 0:04:31

How to use Elementor SVG Draw Global Feature from Premium Addons

Creating your first 0:01:00

Creating your first SVG!

Build a Curvaceous 0:11:43

Build a Curvaceous Homepage // Wavy Background Tutorial with SVG & CSS

Awesome Scrolling SVG 0:21:45

Awesome Scrolling SVG Line Drawing - How they did it!

Create, Edit & 0:01:15

Create, Edit & Animate SVG Files With SVGator

Export SVG Animation 0:02:50

Export SVG Animation From After Effects (100% SVG File)

Meet Boxy SVG: 0:02:41

Meet Boxy SVG: The best design app for creating SVG for animation with GreenSock

Creating Animated SVG 0:15:02

Creating Animated SVG Line Drawings In WordPress With Oxygen

Isometric Train SVG 0:15:23

Isometric Train SVG Animation | HTML & CSS | From Design To Code

How to animate 0:05:20

How to animate an SVG illustration in After Effects: 5-min easy tutorial

Simple Beach SVG 0:00:23

Simple Beach SVG Animation For Front End Design (Web & App Development)

ANIMATION using HTML,SCSS,SVG 0:00:10

ANIMATION using HTML,SCSS,SVG digits(2022)#viralshorts#svg#status #shorts #ytshorts#shortsvideo

Animate SVG Icons 0:00:05

Animate SVG Icons using HTML and CSS | #shorts

css svg animation 0:00:19

css svg animation

Save it📌... Try 0:00:09

Save it📌... Try it...🚀 | Create SVG Animation in HTML CSS 👨🏻‍💻 | #shorts #css #developer #coding...

Animated Illustration in 0:24:03

Animated Illustration in Figma | Interactive Components

Комментарии
Автор

unable to define class for my SVG file...

eswarlazypanda
Автор

Hello, I have exported SVG layer by layer as suggested by you in the tutorial. When I export the text layer, I see all the letters are in single <path>tag. How to get each letter into each <path>tag similar to what you get at 5:44 to animate each letter individually. Thanks
PS: I am designing splash screen for the portfolio.

vigneshgarrapally
Автор

How to insert this screen in my current website
ie where to insert the code??

pritishbarabde