1. Reference Data

Reference Data

References and external website content

Reference Data helps you keep track of important external information and resources that inform your app's development and content. By importing websites, capturing screenshots, and referencing research documentation, you create a centralized knowledge base that supports decision-making and ensures consistency across your platform.

☁️   In context...

mindmap root((Reference Data)) Content Types Websites Articles Images Documents Features Web Import Screenshots Sub-page Inclusion Usage Research Inspiration Documentation Organization Titles Descriptions Categories Integration Entity Development UI Design Content Creation Management Regular Updates Archiving Searching

💼   Usage scenarios...

Role

Usage Scenario

Product Managers

Gather competitive intelligence and market research

UX Designers

Collect design inspiration and best practices

Content Creators

Store source material and reference content

Developers

Archive technical documentation and code samples

Marketing Team

Compile brand guidelines and campaign assets

🖼️   For example...

  1. Competitive Analysis: A product manager imports the websites of top competitors, capturing screenshots and key features. This reference data informs product strategy and helps identify market gaps.

  2. Design Library: A UX designer creates reference entries for innovative web designs, saving screenshots and noting specific UI elements. This collection serves as inspiration for future projects.

  3. Content Repository: A content creator stores reference data on industry trends, including relevant articles and research papers. This resource aids in producing well-informed, up-to-date content for the app.

🔗   Connects to...

graph TD A[Reference Data] --> B[Entities] A --> C[Components] A --> D[Flows] B --> E[Data Models] C --> F[UI Elements] D --> G[User Journeys] A --> H[Documentation] H --> I[Usage Guidelines] A --> J[Brand] J --> K[Style Guide]

✅   Implementation tips

  • Regularly update your references to ensure information stays current

  • Use clear, descriptive titles for easy searching and organization

  • Take advantage of the screenshot feature to capture visual elements

  • Leverage the 'Include Sub-pages' option for comprehensive website imports

  • Add context to your references with detailed descriptions

  • Organize references by project or theme for better accessibility

  • Use the internal search function to quickly find specific references

Next UI Components ->