The dream of being able to generate working websites will remain out of reach until UX redefines its practice around semantic structure rather than layouts.
Figma Sites: Design, Prototype & Publish Your Next Website
Design, prototype, and launch your next website with Figma Sites—an all-in-one platform made for fast, collaborative web creation.
Making Space for a Handmade Web | Figma Blog
There’s a resurgence of small, handcrafted sites challenging the current trajectory of the internet. Joining the movement is as simple as making your own.
Universe Website Builder | Design Custom Sites with No Code
Universe is the fastest and easiest way to build a custom website for your brand or business with everything you need built in.
Object-Oriented UX
We know big, monolithic webpages won’t meet the needs of responsive sites and endless screens. But we’re often still quilting together design patterns and content modules, rather than truly thinkin…
Laying Out Pages | Web Browser Engineering
So far, layout has been a linear process that handles open tags and close tags independently. But web pages are trees, and look like them: borders and backgrounds visually nest inside one another. To support that, this chapter switches to tree-based layout, where the tree of elements is transformed into a tree of layout objects before drawing. In the process, we’ll make web pages more colorful with backgrounds.
The website builder I want to see
The struggle Recently, I tried to create a website for my church. I didn't plan to be involved long term - I wanted to create some layouts and then let people...
Webdesign as architecture
An attempt at modelling digital design as a form of psychological architecture, taking the form of a single HTML document.
cssEarth: the universe in HTML and CSS
Explore planets, moons, stars and galaxies built from open space data as 3D HTML and CSS, without WebGL or canvas.
Open design systems from the Figma Community
Browse and download design systems files—all open and free on the Figma Community
Protoship Codegen
Protoship Codegen converts your Sketch designs to simple and precise HTML and CSS that your developers can instantly understand, change, and integrate into their codebase.
jackyzha0/quartz
🌱 a fast, batteries-included static-site generator that transforms Markdown content into fully functional websites
Web Tiles
Tiles are composable web docs and apps that can safely be used in arbitrary contexts and assembled from multiple sources to carry out complex user interface tasks.
Close to the metal: web design and the browser
Websites have evolved over the years, but in the name of evolution, there seems to be mistaken thinking that the process of building a website needs to get more complex, using Javascript frameworks and modern backend systems; when at the end of the day, browsers still only need static HTML content to interpret.
Plugins for Figma Design Systems
I spend a lot of time working on Design Systems, typically for large multi-platform products. I made this collection for essential (to me) Figma plugins. Some are very sophisticated. Some are simple and do one job really well.
Find Variables
Specs 2
Nested Instances
Background Apply To All
Print Variables
Version History → Slack