And let’s not forget about articles onhow to get out of dev mode in Figma,how to blur in Figma,how to use auto layout in Figma, andhow to remove a component in Figma.
Today I'm going to be showing you how to batch crop and resize your images from Figma out to multiple different sizes, based on whatever dimensions you need. To do this, we're going to install a Figma plugin called "HyperCrop". If you haven't already done that, you can go to the...
In my projects, approximately half of the user interface designs I am working on aretables. This is why in this article, I’d like to share my approach to managing tables in Figma in an easier, more streamlined way. I’m not a fan of long reads with too many unnecessary details, so ...
In a similar manner to styles, you can detach child components from their parent components. Child components can be edited separately from their parent component, but that's available only for stylistic changes (like changing the colour). If you want to resize a child compone...
It is now time to modify and, if necessary, resize the icon inside the frame. The constraints should be changed to Scale vertically and horizontally to make your icon scalable. Create a component for your icon and alter its color to suit your needs. Your icon is now ready. 2. Making ...
Let’s see some examples. We’ll start with an SVG of a circle. When I open the file for this circle in acode editor, this XML code appears: As you can see, we only need one line of code to draw a circle. That’s because, instead of setting the color of each square in a gr...
Components are collections of widgets that you can maintain in a central location and reuse throughout a project. Additionally, anytime you make changes to the main component, they’ll automatically be pushed out to every individual instance of the component in the project. Tip 5: Keyboard ...
When you get a SVG icon from a designer or from a design tool (Illustrator, Sketch, Figma, etc.), it’s tempting to just throw it into your project. Yet I find that reworking it a little bit in your favorite tool to make sure it’s just right can save you some headaches and ...
Mobile app localizationinvolves much more than mere translation: While translation concentrates on the literal conversion of text from one language to another, localizing a mobile app makes sure that every component of your app—including user interface (UI) elements, particular features, in-app co...
A well-designed email is a key component to effectively communicating with your audience, building engagement and trust, and ultimately driving sales. I'm the brand designer here at Privy, and I've created alotof emails using our email editor. In this post, I'll walk through some tips and...