nebari-dev / nebari-dev/chat-pack

Add Figma designs for chat using the new Nebari design system

Open
#115 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

UI/UX/DX
Dominant language
TypeScript
Stars
1
Forks
2
Avg merge
58m
Merged PRs (30d)
7

Description

Summary

The chat application is functional, but there are currently no design files for it in Figma. The chat today uses its own independent/ad-hoc design language that is not aligned with the rest of the Nebari product.

This issue tracks creating the first set of Figma designs for chat, built on top of the new Nebari design system.

Background

  • The chat frontend already exists and works.
  • No Figma source of truth exists for any chat screen or component.
  • The chat's current visual design is independent and not consistent with the broader Nebari UI.
  • A new Nebari design system (tokens + components) now exists in Figma and should be the foundation for chat going forward.

Goal

Create Figma designs for chat that are composed from the new design system components (rather than bespoke chat-only styling), so chat becomes visually consistent with the rest of Nebari and has a maintainable design source of truth.

Scope

  • Set up a Figma file (or page) for chat designs.
  • Design chat screens using the new design system's tokens and components.
  • Identify any chat-specific patterns that the design system does not yet cover, and flag them as candidates for new shared components vs. one-off chat components.

Out of scope

  • Implementing the new design in code (this issue covers the design artifacts only).

Notes

The chat itself is unchanged by this work — this is about establishing the design foundation and aligning chat with the new design system.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the existing Nebari design system in Figma and the current chat experience, then set up a dedicated Figma file or page for chat. Done means the chat screens use shared design-system tokens and components, with any uncovered chat patterns documented as candidates for shared or one-off components.

Written by the indexing model from the issue text.

Assessment

Tech stack
figma
Domain
design
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.