figma_gen_core 是一个用于将 Figma 设计稿自动生成 Flutter 代码的插件。它可以帮助开发者快速将设计稿中的组件、颜色、文本样式等转换为 Flutter 代码，从而提高开发效率。以下是使用 figma_gen_core 的基本步骤：

1. 安装 figma_gen_core

首先，你需要在你的 Flutter 项目中安装 figma_gen_core 插件。你可以通过 pubspec.yaml 文件来添加依赖：

dependencies:
  flutter:
    sdk: flutter
  figma_gen_core: ^0.1.0  # 请使用最新版本

然后运行 flutter pub get 来安装依赖。

2. 获取 Figma Token

为了访问 Figma 的设计稿，你需要一个 Figma 个人访问令牌（Personal Access Token）。你可以在 Figma 的账户设置中生成一个 Token。

1. 登录 Figma 并进入账户设置。
2. 在 “Personal Access Tokens” 部分，点击 “Create a new token”。
3. 为你的 Token 命名并生成。

3. 配置 figma_gen_core

在项目的根目录下创建一个 figma_gen.yaml 配置文件，用于指定 Figma 设计稿的 URL 和生成代码的路径。

figma:
  token: YOUR_FIGMA_TOKEN
  file_key: YOUR_FIGMA_FILE_KEY
  output:
    path: lib/generated/
    class_name: DesignSystem

• token: 你的 Figma 个人访问令牌。
• file_key: Figma 设计稿的文件 ID，可以在 Figma 设计稿的 URL 中找到。
• output.path: 生成的代码输出路径。
• output.class_name: 生成的 Dart 类的名称。

4. 运行 figma_gen_core

在终端中运行以下命令来生成 Flutter 代码：

flutter pub run figma_gen_core

这将会根据 figma_gen.yaml 配置文件中的设置，从 Figma 设计稿中提取颜色、文本样式、组件等信息，并生成相应的 Flutter 代码。

5. 使用生成的代码

生成的代码将会保存在你指定的输出路径中。你可以在你的 Flutter 项目中直接使用这些生成的类来应用设计稿中的样式和组件。

例如，如果你生成了一个 DesignSystem 类，你可以这样使用它：

import 'generated/design_system.dart';

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        primaryColor: DesignSystem.colors.primary,
        textTheme: TextTheme(
          bodyText1: DesignSystem.textStyles.body,
        ),
      ),
      home: Scaffold(
        appBar: AppBar(
          title: Text('My App'),
        ),
        body: Center(
          child: Text('Hello, World!', style: DesignSystem.textStyles.headline),
        ),
      ),
    );
  }
}