nebari-dev / nebari-dev/chat-pack
Add Figma designs for chat using the new Nebari design system
Nobody has claimed this yet.
- 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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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