Figma Design System
Free Website wireframe kit
Start your next website project with our free Figma website wireframe kit.
Free Figma website wireframe kit
What is Figma?Figma is a browser based interface design application. They claim the name collaborative interface design tool. Which means the online platform is perfect for teams of designers simultaneously working on the same project. Figma is used by designers to wireframe websites, build app interfaces and prototypes. Figma supports code output but fe. to build a fully functional website designers still rely on coders to bring it online. That way Figma limits collaboration to one core user profile: the designer.
What is a design system?With the atomic design principles, Brad Frost can be seen as one of the engineers of modern design systems. According his creative theory, atomic design can be broken down in five specific levels: Atoms, Molecules, Organisms, Templates and Pages. Read more on our blog: How atomic design supports a stellar design system.
In relation to web design, design systems streamline the website implementation workflow by offering the team a well-documented, single source of truth to create experiences from a predefined set of elements. In doing so, a design system improves collaboration and eliminates redundant activities. It streamlines how code, design, and content blend together to create a better experience and a better final product for the customer. Read more about design system on this page: Design systems guide - How to build design systems to scale your web design workflow.
Figma encourage users to follow design system best practices.