![]() That's the power of Notion! Components Section 5. You can also create multiple database views with more advanced database relations (such as a Kanban-style board view) that include things like tags and progress bars so that I can keep track of task progress and collaborators. It's really a brilliant and easy way to collaborate and keep things organized in one central place. Devs can also embed code snippets and everyone can leave comments and have discussions right inside the page. I often embed interactive designs and prototypes from Figma directly into Notion here. ![]() This is usually the most robust section of my design system in that it houses both atomic UI elements (such as banners, tables, checkboxes etc) as well as instructions for behaviors and implementation. The intention here is that anyone representing your product can use these guidelines to speak about it in a consistent way that aligns with your product's brand voice. The content section of my design system usually details things regarding tone, language, UX writing and UI messaging guidelines. This could be logo files, font files and guidelines, grid systems, iconography and any other digital media assets that others might need and best practices for how things should look. Here, I usually choose a Gallery Database View to create a page for each section of my visual design assets. This could also include higher-level things like a mission statement, guiding principles etc. In the brand section of my design system, I usually include things like the product logo, value proposition, elevator pitch or slogan. □Prototypes Notion Design System Workspace 1. I usually start with a basic foundation of 6 sections. I do this through a combination of Notion databases, Embeds and Swipe files. You can also tie together any external tools or resource you may already be using without having to move everything into Notion. What Notion allows you to do is create a central, knowledge-base type website (that can be either internal and private or external and public) and store everything in one place. ![]() You may have the visual and UI design assets in your design tool like Figma or Sketch, you may have code on GitHub and you may have a separate project management system. Why use Notion to Create a Design System?ĭesign systems often have many interlinking parts. Like a lego set with a manual, anyone can use its premade constituent pieces and follow its instructions to create different combinations and larger parts that have a consistent look and feel with minimal effort and confusion, or at least, that’s the goal. Creating one can help you make decisions more quickly and execute on tasks that are repetitive more easily. A design system can be used by a team of one or a team of many.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |