Author: Bogdan Sandu
Open the Export panel in Figma, click the format dropdown, and you get PNG, JPG, SVG, PDF. No GIF. It isn’t a hidden setting…
html The gradient option sits one click away from the solid swatch in the Fill row, and most people never go looking for it.…
Most design tools still work the old way: you save a file, then send someone a copy of it. Figma dropped that step. The…
Text in Figma lives in one panel. Select a layer and the right sidebar hands you font, size, spacing, alignment, and the resizing rule…
The difference between a Figma file that stays workable and one that turns into a scavenger hunt usually comes down to a single decision:…
Improve your web design effortlessly with our CSS Box Shadow Generator. Perfect for designers and developers alike, it offers intuitive controls to craft precise…
Components, tokens, styles, and documentation living in one wired-together Figma file is what separates a design system from a folder someone named “UI Final…
Unleash your creativity with our CSS Text Shadow Generator, the handy tool that lets you create stunning text styles in seconds. Perfect for both…
A website is no longer just a supporting marketing asset or a digital brochure. It has become a central commercial engine that directly influences…
Long PDFs are one of the most frustrating parts of modern work. Whether it is a 200-page user manual, a dense research paper, or…
The word “drawer” gets applied to two different behaviors. Material 3’s standard navigation drawer sits beside the page content with no scrim, and Atlassian’s…
Creating original content consistently is one of the toughest challenges in digital marketing. Website owners need fresh ideas, unique wording, and engaging structure to…
Buttons, forms, menus, sliders. These are the page components that do something back when a visitor acts on them, and that reaction is what…
Transform your web design with ease! Use our CSS Border Radius Generator to create beautifully rounded corners for any element. Simply adjust the sliders…
Tooltips tend to get noticed only when they’re missing, usually on an icon button nobody can identify. The component shows a short text hint…
When you think about improving your website, it’s easy to focus on speed, design, or optimization tweaks. Those matter, but they don’t tell the…
Cards are everywhere once you start looking. Product listings and news feeds use them, and so do the metric tiles on a dashboard. Each…
Whether you’re bootstrapping a startup, refreshing an established brand, or launching a side hustle, one question always comes up early: How much should I…
You know that feeling three months after launching your site with a popular multi-purpose theme? You just want to nudge a button three pixels…
A file with eleven separate button components is the kind of file nobody wants to inherit. Variants clean that up, and the setup takes…
Visual hierarchy is a ranking of page elements by importance. Size, color, contrast, spacing and position all feed into it, and together they steer…
Ctrl+Z on Windows. Cmd+Z on Mac. That’s the entire answer to how to undo in Figma, and the shortcut reverses your most recent action…
A modal sits on top of the page and keeps the user there until they finish what it asks or close it. Everything underneath…
Watch someone open a long article and their eyes do something fairly predictable. A sweep across the top. Another sweep a little lower and…
Figma has one built-in way to animate, and it isn’t a plugin or a second app. Smart Animate compares two frames, works out what…
Most design system best practices sound reasonable on paper, and plenty of them get ignored anyway. The test that holds up is whether product…
Only 64% of teams include UI patterns in their documentation, according to zeroheight’s Design Systems Report 2025. The same report calls patterns the most…
Figma’s cancel button sits in the team Admin console, not in your personal account settings. That one detail is why people spend twenty minutes…
Somewhere in most products there are two buttons that should match and don’t. One has a 6px radius, the other 4px, and nobody remembers…
Figma keeps prototyping inside the file. You draw a connection from one frame to another in the Prototype tab, and anyone with the link…