docs: added a section on figma mcp + workflows diagram fix (#13367)

This commit is contained in:
Shahed Nasser
2025-09-01 18:45:23 +03:00
committed by GitHub
parent bafe110352
commit f8d8eeace1
4 changed files with 14 additions and 2 deletions

View File

@@ -103218,6 +103218,12 @@ Welcome to Medusa UI, a React implementation of the Medusa design system.
Medusa UI is a collection of components, hooks, utility functions, icons, and [Tailwind CSS](https://tailwindcss.com/) classes that can be used to build
a consistent user interface across the Medusa Admin and client applications.
## Figma Design System
The Medusa UI design system is also available on [Figma](https://www.figma.com/community/file/1278648465968635936/medusa-ui). You can explore the components, icons, and design tokens used in Medusa UI.
This is especially useful if you have the [Figma Dev MCP](https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Dev-Mode-MCP-Server) set up, allowing you to easily copy designs from the Figma Medusa UI file to your projects.
***
## Packages

View File

@@ -11,6 +11,12 @@ Welcome to Medusa UI, a React implementation of the Medusa design system.
Medusa UI is a collection of components, hooks, utility functions, icons, and [Tailwind CSS](https://tailwindcss.com/) classes that can be used to build
a consistent user interface across the Medusa Admin and client applications.
## Figma Design System
The Medusa UI design system is also available on [Figma](https://www.figma.com/community/file/1278648465968635936/medusa-ui). You can explore the components, icons, and design tokens used in Medusa UI.
This is especially useful if you have the [Figma Dev MCP](https://help.figma.com/hc/en-us/articles/32132100833559-Guide-to-the-Dev-Mode-MCP-Server) set up, allowing you to easily copy designs from the Figma Medusa UI file to your projects.
<FigmaCard />
---

View File

@@ -1,5 +1,5 @@
export const generatedEditDates = {
"app/page.mdx": "2025-08-18T11:47:21.886Z",
"app/page.mdx": "2025-09-01T14:49:02.465Z",
"app/colors/overview/page.mdx": "2025-08-18T11:40:32.013Z",
"app/components/alert/page.mdx": "2025-08-18T11:37:35.544Z",
"app/components/avatar/page.mdx": "2025-08-18T11:37:36.799Z",

View File

@@ -108,7 +108,7 @@ export const WorkflowDiagramStepNode = ({ step }: WorkflowDiagramNodeProps) => {
ref={ref}
>
<Link
href={step.link || `#${step.name}`}
href={step.link || `#${step.name.toLowerCase()}`}
className="focus-visible:shadow-borders-focus transition-fg rounded-docs_sm outline-none"
>
<div