Scalable Vector Graphics (SVG) is a vector image format which began life back in 1998. It was always developed with the web in mind, but only now has the web...

In this tutorial, we’ll enhance our front-end skills by learning to build a “handmade” to-do app. To create it, we won’t take advantage of any JavaScript...

In this new tutorial, we’ll get rid of the usual boring rectangular boxes and learn to build a landing page full of complex SVG shapes. We’ll even enhance it...

In this tutorial, we’ll continue the journey into the “forms” world and learn to create a responsive handmade SVG form from scratch.

In today’s tutorial, we’re going to create 7 different CSS hover effects. We’ll learn loads along the way, including how to animate font icons, borders, and...

In this tutorial we’ll be taking an SVG based icon from Envato Elements, doing some preparatory modifications in Figma, then animating it using SVGator....

In this tutorial we’re going to explore the world of SVG filters. With SVG filters you can create unique text effects, image effects, and with a little...

To mark International Women's Day 2019 we’ll be creating an animated SVG version of the event’s logo you can use along with this year’s hashtag...

It’s Valentine’s day! So let’s get into the spirit of things, getting all pink and smooshy in the process, and code ourselves a simple animated beating heart...

While there are many things to consider when making SVGs fully accessible, this article will focus on the ways you can add alternative content to an SVG.

In our new short course, Using Figma for SVG Design, you’ll learn how to use Figma for vector editing with SVG in mind, and how to generate SVGs that...

Vectors are an important part of any UI or prototyping design application, and Figma has its own powerful set of vector tools. Here are some quick tips and...