forked from bernaferrari/FigmaToCode
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcodegenPreferenceOptions.ts
More file actions
111 lines (109 loc) · 3.27 KB
/
Copy pathcodegenPreferenceOptions.ts
File metadata and controls
111 lines (109 loc) · 3.27 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
import { LocalCodegenPreferenceOptions, SelectPreferenceOptions } from "types";
export const preferenceOptions: LocalCodegenPreferenceOptions[] = [
{
itemType: "individual_select",
propertyName: "useTailwind4",
label: "Tailwind 4",
description: "Enable Tailwind CSS version 4 features and syntax.",
isDefault: false,
includedLanguages: ["Tailwind"],
},
{
itemType: "individual_select",
propertyName: "showLayerNames",
label: "Layer names",
description: "Include Figma layer names in classes.",
isDefault: false,
includedLanguages: ["HTML", "Tailwind"],
},
{
itemType: "individual_select",
propertyName: "roundTailwindValues",
label: "Round values",
description:
"Round pixel values to nearest Tailwind sizes (within a 15% range).",
isDefault: false,
includedLanguages: ["Tailwind"],
},
{
itemType: "individual_select",
propertyName: "roundTailwindColors",
label: "Round colors",
description: "Round Figma color values to nearest Tailwind colors.",
isDefault: false,
includedLanguages: ["Tailwind"],
},
{
itemType: "individual_select",
propertyName: "useColorVariables",
label: "Color Variables",
description:
"Export code using Figma variables as colors. Example: 'bg-background' instead of 'bg-white'.",
isDefault: true,
includedLanguages: ["HTML", "Tailwind", "Flutter"],
},
{
itemType: "individual_select",
propertyName: "embedImages",
label: "Embed Images",
description:
"Convert Figma images to Base64 and embed them in the code. This may be slow. If there are too many images, it could freeze Figma.",
isDefault: false,
includedLanguages: ["HTML"],
},
{
itemType: "individual_select",
propertyName: "embedVectors",
label: "Embed Vectors",
description:
"Enable this to convert vector shapes to SVGs and embed them in the design. This can be a slow operation. If unchecked, shapes will be converted into rectangles.",
isDefault: false,
includedLanguages: ["HTML", "Tailwind"],
},
];
export const selectPreferenceOptions: SelectPreferenceOptions[] = [
{
itemType: "select",
propertyName: "htmlGenerationMode",
label: "Mode",
options: [
{ label: "HTML", value: "html" },
{ label: "React (JSX)", value: "jsx" },
{ label: "Svelte", value: "svelte" },
{ label: "styled-components", value: "styled-components" },
],
includedLanguages: ["HTML"],
},
{
itemType: "select",
propertyName: "tailwindGenerationMode",
label: "Mode",
options: [
{ label: "HTML", value: "html" },
{ label: "React (JSX)", value: "jsx" },
],
includedLanguages: ["Tailwind"],
},
{
itemType: "select",
propertyName: "flutterGenerationMode",
label: "Mode",
options: [
{ label: "Full App", value: "fullApp" },
{ label: "Widget", value: "stateless" },
{ label: "Snippet", value: "snippet" },
],
includedLanguages: ["Flutter"],
},
{
itemType: "select",
propertyName: "swiftUIGenerationMode",
label: "Mode",
options: [
{ label: "Preview", value: "preview" },
{ label: "Struct", value: "struct" },
{ label: "Snippet", value: "snippet" },
],
includedLanguages: ["SwiftUI"],
},
];