Skip to content

docs: add Figma community file to resources#698

Closed
vahiidl wants to merge 1 commit intocosscom:mainfrom
vahiidl:docs/figma-community-file
Closed

docs: add Figma community file to resources#698
vahiidl wants to merge 1 commit intocosscom:mainfrom
vahiidl:docs/figma-community-file

Conversation

@vahiidl
Copy link
Copy Markdown

@vahiidl vahiidl commented Feb 19, 2026

Add Figma community design file

Adds a link to an unofficial community Figma file (COSS Design System – TailwindCSS + BaseUI) under the Resources section in the docs sidebar.
Includes:

  • New figma.mdx page with official "no support" disclaimer
  • Sidebar entry under Resources
  • CTA button linking to the Figma file

Copy link
Copy Markdown
Contributor

@cubic-dev-ai cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No issues found across 2 files

@pasqualevitiello
Copy link
Copy Markdown
Contributor

Hey, thanks for putting this together! We appreciate the effort of creating a Figma file for the community. However after reviewing it, there are quite a few discrepancies with the actual components. For example, borders and shadows don't match across components, the button icon opacity should be 80%, etc. We'd want to avoid confusion if users reference a Figma file that diverges from the actual implementation so we can't link it from the official docs at this point. Feel free to share it in the community though, it could still be a useful starting point for others. And let me know in case you decide to revision it! Cheers

@vahiidl
Copy link
Copy Markdown
Author

vahiidl commented Mar 4, 2026

Hey, thanks for putting this together! We appreciate the effort of creating a Figma file for the community. However after reviewing it, there are quite a few discrepancies with the actual components. For example, borders and shadows don't match across components, the button icon opacity should be 80%, etc. We'd want to avoid confusion if users reference a Figma file that diverges from the actual implementation so we can't link it from the official docs at this point. Feel free to share it in the community though, it could still be a useful starting point for others. And let me know in case you decide to revision it! Cheers

Hey Pasquale @pasqualevitiello, thanks a lot for the detailed review! I really appreciate the specific feedbacks.

I’ve spent some time overhauling the file to bring it in line with production:

  • Icon Opacity: I have fixed all icon opacities; button icons are now correctly set to 80%.
  • Shadow Refactor: I’ve refactored all shadows, creating stacked shadows that match the production popovers and other components exactly.
  • Inputs & States: I’ve refactored the way I created input fields and disabled items to better reflect the codebase.
  • Responsive Sizing: I’ve updated the mobile and desktop sizing logic for Checkboxes and Radio Groups for 1:1 parity with the live site.
  • Community Disclaimer: I’ve added a prominent warning within the file clarifying that this is a solo community project and that the GitHub repository remains the ultimate source of truth. I've also invited users to report any discrepancies directly via Figma community comments or my email so I can keep it updated.

I’ve pushed these updates to the community file. Let me know if this looks better on your end. I'm happy to keep refining it! Cheers.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants