From8 flowsselect the current task,recipes.jsonincluding specific methods and parameters,command evidencerecords the actual directory,sourcefixed Figma example submission. The artwork does not mean that backend business logic, click behavior, or accessibility semantics have been implemented.
Returned IDs and same-session MCP
First read the current host tool schema. After the embedded editor is ready, call the actual methods through the same MCP service's create_node, set_properties, or run_command; parameter wrapping is based on tools/list, do not guess. Create the parent frame first, save the actual returned id, then pass it to the child node.create.parent. The x/y in props are relative to the parent frame; do not treat canvas coordinates directly as child coordinates.
The manual'scapture:rootmeans to remember the object returned by that step,{"$ref":"root.id"}is a manual binding marker and must be replaced with the real value; this is not FigCraft native variable syntax. node.set uses{"id":实际ID,"props":{"width":640}}to specify the object. Do not perform broad modifications on an unknown current selection. For existing files, skip newDocumentOnly, keep existing objects and the current canvas, and arrange a blank position for this run's root frame.
Standalone CLI
First checkfigcraft-cli --versionandcommands --json; the skill does not bundle a binary. If missing, follow theofficial release notesto choose the current system version and comply with the installation license. The native CLI usesrun steps.json --in input.figcraft --out new.figcraft, each item in the JSON array is command/params, and the native CLI does not expand $ref.
When you need to run this manual's new example, you can run this skill'sscripts/run_recipe.py：python run_recipe.py --recipes recipes.json --scene mobile-login-wireframe --output new.figcraft, replacing the two paths with the actual paths within this skill.--cliYou can specify a verified CLI. This optional script requires Python 3 (Windows CI uses 3.13), executes native commands in batches, reads the returned creation ID and binds subsequent parameters, and uses temporary checkpoints to save and reopen; it does not implement editor business logic and does not depend on the SDK. It refuses to overwrite existing output. For existing files you can pass--input, but first adjust the root frame position and example copy; the current example coordinates start from the origin by default.
CLI checkpoints do not preserve temporary selections, so steps use explicit parent/id/ids and cannot treat selection state as a cross-process contract. The bundled script is for standalone file operations and cannot be used to claim host canvas synchronization; the visible editor must still be operated step by step using the same MCP session.
Checks and delivery
After saving the new project, reopen it, and use node.get to check the real nodes, parent-child relationships, and text; use component.list to check components. For auto layout, verify the actual child node positions, spacing, and fill width, not just that the layout field exists. Use export to output the target root frame and then view the resulting image. Review overflow, button meaning, and information hierarchy against the real copy, and replace the example price and account copy. assertions apply only to the embedded example and do not mean that any screen and real product have been accepted.
Skill store scenario experience
When encountering component reuse instead of repeated drawing, accepting layout after size changes, or form error states with a next step, readstore workflow adaptation, and use the corresponding Craft methods and actual result checks. Upstream skills are not runtime dependencies.
main collaboration and autosave
When the user explicitly requests changing autosave or removing a specified collaborator, readmain new capabilities and permission boundaries. Business and host acceptance of the two new methods are not yet complete; the existence of native commands does not imply that the browser can host sessions.
More specific design workflow
Use for theme and semantic token delivery figcraft-light-dark-token-card, use for reusable buttons with swappable and hideable icons figcraft-swappable-icon-button, use for bar charts with positive, negative, and zero values figcraft-signed-bar-chart. Standalone installation:npx skills add full-aigc-skills/figcraft-skills --skill 对应技能名. This is currently a development candidate; the existence of a directory must not be treated as market release or host synchronization acceptance.