Summary
Enable Figma Make users to preconfigure the default code output framework (e.g., Angular, Vue, React) and set organizational coding guidelines that are automatically applied when generating code.
Problem
Currently, Figma Make defaults to generating React code. While prompts can be used to switch frameworks or enforce custom rules, this adds repetitive manual steps for every session. Our teams have established rules and standards (framework choice, naming conventions, linting rules, accessibility standards, etc.) that we want consistently applied from the start.
Impact
-
Designers and developers must repeatedly remind the system of our preferred framework and rules.
-
Inconsistencies can arise if someone forgets or phrases the prompt differently.
-
Slows down adoption because teams want their code to be generated within their established ecosystem by default.
Proposed Solution
-
Allow users to define a default project configuration for Figma Make (framework, package manager, language version, etc.).
-
Add a feature to set preconfigured guidelines (naming conventions, styling rules, accessibility requirements, etc.).
-
Ensure these defaults are automatically applied at project creation and throughout code generation, without needing to restate them in every prompt.
Benefits
-
Guarantees consistency across all generated code.
-
Saves time by removing repetitive prompt setup.
-
Makes Figma Make better aligned with enterprise teams and design system governance.
-
Improves trust and adoption for teams that require strict adherence to standards.