Collaborative web-based interface design tool for UI/UX design and prototyping, with desktop and mobile companion apps.
Pricing: 16 USD · Updated 2026-09-03
designYes. Figma's Starter plan is free; the paid Professional plan costs $16/month per full seat (price checked 2026-09-03).
Figma runs in the browser and offers companion apps for Windows, macOS, iOS and Android.
Figma is a collaborative web-based tool for user interface design, used for UI/UX design, prototyping and design systems.
The web and the internet are not the same thing. A plain look at what each is, and how they fit together.
Every web address is built from a few parts: scheme, domain, path, query and anchor. A plain breakdown of what each one does.
An address versus a house — what a domain name is, what hosting is, and why you need both for a website.
WebAssembly is a binary instruction format for a stack-based virtual machine — a portable compilation target that lets you run C, C++, Rust, and other compiled languages in the browser and beyond. Here's how it works and when it's worth using.
Web accessibility (a11y) means designing sites that anyone can use, regardless of ability. This guide explains the four WCAG principles — perceivable, operable, understandable, robust — and practical techniques: semantic HTML, keyboard navigation, alt text, and color contrast.
Images are usually the heaviest assets on a page. Here's how to pick the right format, serve the right size, lazy-load what's offscreen, and stop images from shifting your layout.
Responsive web design (RWD) makes pages render well on every screen size. Learn how media queries, fluid grids, fluid images, and the viewport meta tag work together.
Flexbox and CSS Grid are two layout systems built into the browser. Flexbox is one-dimensional (a row or a column); Grid is two-dimensional (rows and columns at once). Learn how each one works, when to reach for it, and how to combine them.
CSS specificity is the algorithm browsers use to pick which CSS rule wins when two declarations target the same element and property. This guide explains selectors, specificity calculation, the cascade, and inheritance — with practical examples.
Lazy loading is a performance strategy that defers non-critical resources (images, iframes, JavaScript, CSS) until they are needed. Learn what can be lazy-loaded, the native loading attribute, the Intersection Observer API, and when lazy loading helps or hurts.
