docs: added a section on figma mcp + workflows diagram fix (#13367)
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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 />
|
||||
|
||||
---
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user