feat(design): integrate Figma Code Connect and stub generation tooling#1472
Open
zhichenghouse wants to merge 13 commits into
Open
feat(design): integrate Figma Code Connect and stub generation tooling#1472zhichenghouse wants to merge 13 commits into
zhichenghouse wants to merge 13 commits into
Conversation
|
@qing-zhen is attempting to deploy a commit to the dengfuping's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
|
Collaborator
|
不能提交 |
dengfuping
requested changes
Apr 16, 2026
| * from packages/design/src/figma/<Name>/index.figma.tsx — one user story per stub file (Code Connect only), plus US-001 for stub generation. | ||
| * | ||
| * Also: US-002+ acceptance criteria include skills/figma-code-connect/gen-playground.md (Figma Playground demos). | ||
| * Playground 交付物须包含本页 figma 目录下的 demo/ 与 index.md（例：packages/design/src/figma/Alert/demo、packages/design/src/figma/Alert/index.md）。 |
| @@ -0,0 +1,7 @@ | |||
| // This icon file is generated automatically. | |||
| * 根据 embed 定位 figma 目录下全部 *.figma.tsx，提取每条 figma.connect 的第二个参数（Code Connect 链接键）， | ||
| * 映射到文档站「组件映射」Tab：{origin}/components/{slug}?tab=playground | ||
| * | ||
| * slug 取自 $tab-playground.md 所在目录名（与 gen-link.md 一致）。 |
Collaborator
There was a problem hiding this comment.
这个脚本是一次性的吧，是否没有必要提交到仓库
| * Fetches a Figma file, groups COMPONENT / COMPONENT_SET by page (CANVAS), and writes | ||
| * one `index.figma.tsx` per page folder with `figma.connect` blocks and props mapped from | ||
| * `componentPropertyDefinitions`, merged with COMPONENT_SET variant axes inferred from | ||
| * child components (`variantProperties`). |
Collaborator
There was a problem hiding this comment.
这个脚本是一次性的吧，是否没有必要提交到仓库
| * @param {Record<string, { localName: string, urlId: string, codeConnectVariant?: Record<string, string>, categoryKebab: string, svgFileBase: string, themeKebab: string | null }>} idsMap | ||
| * @returns {Map<string, string>} | ||
| */ | ||
| function buildOceanbaseLocalNameByExportId(idsMap) { |
Collaborator
There was a problem hiding this comment.
这个脚本是一次性的吧，是否没有必要提交到仓库
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
fix（https://github.com/oceanbase/oceanbase-design/issues/1471）
📦 Modified package
package.json, ESLint,tsconfig.eslint.jsonfigma/(figma.config.json,.env.example, Code Connect CLI bundle)scripts/figma/(stub generation, icon sync, batch helpers)skills/figma-code-connect/🤔 This is a ...
🔗 Related issue link
💡 Background and solution
*.figma.tsxfiles, icons, and scripts).packages/design/src/figma/for design system components.figma/configuration and local Code Connect CLI integration so mappings can be validated and published from the repo.scripts/figma/code-connect/gen-figma-stubs.tsand relatedscripts/figma/iconstooling (withicons.json) to keep stubs and icon metadata in sync; addskills/figma-code-connect/for batch workflows.figma/.envfrom.env.example, then run the Code Connect / generation scripts defined in rootpackage.json(adjust if your docs differ).| Before | After |
| :--- | :--- |
| No unified Figma Code Connect mappings or generation pipeline | Config,
*.figma.tsxmappings, icon updates, and scripts for design–code alignment |📝 Changelog
@oceanbase/design(packages/design/src/figma). Add figma workspace config, codegen and icon sync scripts, and updated icon assets/metadata to support design–code alignment.☑️ Self-Check before Merge