All Articles
540 articles published
Everything we've published - tools, tutorials, and practical guides for people who build websites for a living. New posts land here first.
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…
Every time you tap a hamburger icon and a panel slides in from the side of your screen, you’re using a drawer. It’s one…
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…
Every icon button you’ve hovered over. Every settings gear that whispered its name when your cursor passed by. That small text bubble? That’s a…
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…
Every app you scroll through today, from Instagram to Shopify to Trello, uses the same design pattern to organize content. So what is a…
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…
Design tools usually get picked off a feature list. Figma won its position on something duller than features: nobody exports anything, and nobody waits…
Click a button, and suddenly the entire page goes dark. A window appears front and center, demanding your attention before you can do anything…
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 systems don’t fail because of bad components. They fail because nobody agreed on the rules before building them. Design system best practices…
Most design systems fail not because the components are bad, but because nobody documented how to use them. Design system documentation is the reference…
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…
Every product team hits the same wall eventually. Three squads, three different button styles, zero consistency. That’s usually when someone asks: what is a…
Figma keeps prototyping inside the file. You draw a connection from one frame to another in the Prototype tab, and anyone with the link…
Accurately convert PX to CM for digital and print designs with our comprehensive PX to CM converter. Ensure perfect sizing every time. Pixels (PX)…
Figma Draw includes a layer type called text on a path. Characters follow a curve instead of sitting on a straight baseline, and the…