Wie lege ich in Figma ein strukturiertes Webprojekt an? Atomic Design Einstieg



Published
Im heutigen Video möchte ich dir zeigen, wie wir in unserer Agentur MOFART, ein Webdesign anlegen und welches Prinzip wir nutzen. Wir bauen unsere Designs zu 90% nicht pixelgenau für jeden Screen, sondern mittels des Atomic Design Prinzips. Was es genau mit dem Atomic Design auf sich hat, erzähle ich dir im Video.

———————————————————————————————————

→ UNSERE WEBSITE: [www.mofart.de](http://www.mofart.de/)
Wir entwickeln Websites. Gestaltung und Umsetzung geht in unserem Prozess dabei Hand in Hand.
Wenn du ein cooles Projekt umsetzen möchtest, dann schreib und gern!
Mail: [[email protected]](mailto:[email protected])

———————————————————————————————————

→ FIGMA
Figma ist ein kostenloses Tool zum Designen digitaler Produkte, wie zum Beispiel Websites oder Apps. Es besteht die Möglichkeit Figma all umfänglich im Browser zu nutzen. Das wiederum ermöglicht es jedem, der Zugriff auf einen Computer jeglicher Art hat, Figma zu benutzen.
Link zu Figma: [www.figma.com](http://www.figma.com/)

→ WEBFLOW
Was ist Webflow? Gute Frage! Grundsätzlich ist Webflow eine SAAS (Software as a Service). Quasi ein Tool, welches online immer erreichbar ist. Mit Webflow kannst du im Browser responsive Websites bauen. Es richtet sich im Kern an Webdesigner, welche ihre Projekte nicht nur gestalten, sondern auch umsetzen wollen.
Link zu Webflow: [www.webflow.com](http://www.webflow.com/)

———————————————————————————————————

// TIMESTAMPS
00:00 — Einleitung
01:48 — Grundlagen zu Atomic Design
02:52 — Atoms
03:33 — Molecules
04:48 — Organisms
00:00 — Templates & Pages
06:04 — Wireframing mit Atomic Design
07:29 — Vorteile vom Atomic Design
09:29 — Nachteile und Kritik am Atomic Design

#atomic #design #atomicdesign #figma #webdesign #tutorial

———————————————————————————————————

→ UNSER BLOG: [www.mofart.de/blog/](http://www.mofart.de/blog/)
Auf unserem Blog veröffentlichen wir regelmäßig Beiträge über Figma, Webflow und andere Themen aus dem digitalen Design. Hier kannst du auch Beiträge über den generellen Aufbau unserer Webagentur finden. Wenn du Ideen oder Anregungen für neue Themen hast, kannst du sie uns gern hier oder auch über unsere Website schreiben.
Mail: [[email protected]](mailto:[email protected])

———————————————————————————————————

→ INSTAGRAM
Hier gibt es immer passend – zu unseren Blogbeiträgen und YouTube–Videos – zusätzliche Impressionen und Eindrücke. Hier und da stellen wir dort auch Kundenprojekte vor.
Hier geht’s zum Instagram Profil:
[https://bit.ly/387JISV](https://bit.ly/387JISV)
Category
Web design
Be the first to comment