Create different types of designing layouts: 1. Creating a Frame in Figma We’ll start by making a frame. Our design will be displayed here, which is equivalent to a page. Depending on your needs, you can size a frame any way you choose. We will choose the Desktop Frame for this exam...
UI vs UX Read on to find out what it takes to design engaging UI, and create a memorable UX. Learn more Design research Discover the different types of research used in design and how to conduct them. Learn more Try Figma for free...
Learn more Alignment charts explained Ready to sort in a more engaging way? Our alignment charts explained guide will walk you through how to create an alignment chart of your own. Learn more Try Figma for free
Figma has changed the way designers create, share, and test designs for digital products and experiences. It has become a go-to software for designing teams worldwide. It doesn’t matter if you are a beginner or an experienced graphic designer, Figma can significantly enhance your design workfl...
If you’re familiar with HTML, the syntax looks similar to that language. The XML in an SVG file specifies all the shapes, colors, and text that make up the image. Let’s see some examples. We’ll start with an SVG of a circle. When I open th...
add depth to an image, in addition to helping create a sense of distance and proximity.Canvaallows you to create color gradients in several ways, enabling you to give your images more depth and pop. Keep reading to learn how to create gradients in Canva for backgrounds, text, and shapes....
working with Figma is we can start to leverage some of the new features, like we started using variables for our colour palettes, which enabled us to have six very different colour palettes with different backgrounds – we needed a pretty expansive palette, to make sure nothing would feel ...
Renaming. Once you create a group, double-click on the title in the left sidebar and type in a new name. Editing. Click on any Color Variable and use the Color Picker to make changes. Pro tip: Create Color Variables right off the bat so you can use them instead of the standard “in...
Figma($): Great for collaborative design work. Sketch($): A lighter alternative to Illustrator, popular with interface designers. We will base the rest of this walkthrough on Inkscape, but the process looks very similar in most vector editing apps. ...
Figma: Allows real-time collaboration, useful when working with a team or freelancers InVision: Great for creating interactive prototypes and gathering feedback Mockup generators: Placeit: Offers a wide range of t-shirt mockups in various settings Printful’s Mockup Generator: Free tool with custom...