Figma vs Sketch مقارنة

// Figma API - تصدير رموز التصميم (design tokens) إلى كود
// سكريبت Node.js لاستخراج الرموز من ملف Figma
const axios = require('axios');

const FIGMA_TOKEN = process.env.FIGMA_TOKEN;
const FILE_KEY = 'your-figma-file-key';

async function extractDesignTokens() {
  const response = await axios.get(
    `https://api.figma.com/v1/files/${FILE_KEY}/variables/local`,
    { headers: { 'X-Figma-Token': FIGMA_TOKEN } }
  );

  const { variables, variableCollections } = response.data.meta;

  // تحويل الرموز إلى Swift
  const swiftTokens = Object.values(variables)
    .filter(v => v.resolvedType === 'COLOR')
    .map(variable => {
      const value = variable.valuesByMode[Object.keys(variable.valuesByMode)[0]];
      const { r, g, b, a } = value;
      return `  static let ${variable.name.replace(/[/-]/g, '_').toLowerCase()} = Color(red: ${r.toFixed(3)}, green: ${g.toFixed(3)}, blue: ${b.toFixed(3)}, opacity: ${a.toFixed(3)})`;
    })
    .join('\n');

  const swiftFile = `import SwiftUI

extension Color {
${swiftTokens}
}`;

  require('fs').writeFileSync('DesignTokens.swift', swiftFile);
  console.log('تم إنشاء DesignTokens.swift!');
}

extractDesignTokens();

// Sketch plugin API - تصدير مكتبة الأنماط
// واجهة Sketch البرمجية بلغة JavaScript (مبنية على CocoaScript)
@import 'sketch/dom';

function exportTextStyles(context) {
  const document = sketch.getSelectedDocument();
  const textStyles = document.sharedTextStyles;

  const swiftCode = textStyles.map(style => {
    const { name, style: { fontSize, fontFamily, fontWeight } } = style;
    const swiftName = name.replace(/[^a-zA-Z0-9]/g, '_').toLowerCase();

    return `  static let ${swiftName} = Font.custom("${fontFamily}", size: ${fontSize})`;
  }).join('\n');

  const output = `import SwiftUI

extension Font {
${swiftCode}
}`;

  // الحفظ في ملف
  const filePath = NSString.pathWithComponents([
    NSTemporaryDirectory(),
    'DesignSystem.swift'
  ]);

  output.writeToFile_atomically_encoding_error(
    filePath, true,
    NSUTF8StringEncoding, null
  );

  sketch.UI.message('تم إنشاء DesignSystem.swift في: ' + filePath);
}

// سير عمل مشابه لـSketch باستخدام Figma MCP
// بفضل Figma MCP Server يمكن الوصول إلى بيانات التصميم
// مباشرة من بيئة توليد الكود