background shape for figjam

app.py

@@ -251,127 +251,6 @@ def get_figma_comments(file_id: str = "") -> str:
     
     return f"📝 **Commentaires récents :**\n" + "\n\n".join(comment_list)
 
-def get_figma_collaborators(file_id: str = "") -> str:
-    """Liste qui travaille sur un fichier Figma (collaborateurs actifs)"""
-    file_id = file_id or figma_config["file_id"]
-    
-    if not file_id:
-        return "❌ ID du fichier requis. Utilisez configure_figma_file_id() d'abord."
-    
-    collaborators = {}
-    
-    # 1. Récupérer les commentateurs récents
-    comments_result = make_figma_request(f"files/{file_id}/comments")
-    if "error" not in comments_result:
-        comments = comments_result.get("comments", [])
-        for comment in comments[-20:]:  # 20 commentaires les plus récents
-            user_data = comment.get("user", {})
-            if user_data:
-                user_id = user_data.get("id")
-                if user_id:
-                    collaborators[user_id] = {
-                        "nom": user_data.get("handle", "Anonyme"),
-                        "avatar": user_data.get("img_url", ""),
-                        "derniere_activite": comment.get("created_at", ""),
-                        "type_activite": "💬 Commentaire",
-                        "dernier_commentaire": comment.get("message", "")[:100] + "..." if len(comment.get("message", "")) > 100 else comment.get("message", "")
-                    }
-    
-    # 2. Récupérer les versions récentes pour voir les contributeurs
-    versions_result = make_figma_request(f"files/{file_id}/versions")
-    if "error" not in versions_result:
-        versions = versions_result.get("versions", [])
-        for version in versions[-10:]:  # 10 versions les plus récentes
-            user_data = version.get("user", {})
-            if user_data:
-                user_id = user_data.get("id")
-                if user_id:
-                    if user_id not in collaborators:
-                        collaborators[user_id] = {
-                            "nom": user_data.get("handle", "Anonyme"),
-                            "avatar": user_data.get("img_url", ""),
-                            "derniere_activite": version.get("created_at", ""),
-                            "type_activite": "🎨 Modification",
-                            "description": version.get("description", "Modification du design")
-                        }
-                    else:
-                        # Mettre à jour avec l'activité la plus récente
-                        version_date = version.get("created_at", "")
-                        current_date = collaborators[user_id]["derniere_activite"]
-                        if version_date > current_date:
-                            collaborators[user_id]["derniere_activite"] = version_date
-                            collaborators[user_id]["type_activite"] = "🎨 Modification"
-                            collaborators[user_id]["description"] = version.get("description", "Modification du design")
-    
-    if not collaborators:
-        return "👥 Aucune activité récente trouvée sur ce fichier"
-    
-    # Trier par dernière activité
-    sorted_collaborators = sorted(
-        collaborators.items(), 
-        key=lambda x: x[1]["derniere_activite"], 
-        reverse=True
-    )
-    
-    collaborator_list = []
-    for user_id, data in sorted_collaborators:
-        # Formater la date
-        date_str = data["derniere_activite"]
-        if date_str:
-            try:
-                from datetime import datetime
-                dt = datetime.fromisoformat(date_str.replace('Z', '+00:00'))
-                date_formatted = dt.strftime("%d/%m/%Y %H:%M")
-            except:
-                date_formatted = date_str
-        else:
-            date_formatted = "Date inconnue"
-        
-        collaborator_info = f"👤 **{data['nom']}**\n   {data['type_activite']} - {date_formatted}"
-        
-        # Ajouter des détails selon le type d'activité
-        if "dernier_commentaire" in data:
-            collaborator_info += f"\n   💬 \"{data['dernier_commentaire']}\""
-        elif "description" in data:
-            collaborator_info += f"\n   📝 {data['description']}"
-        
-        collaborator_list.append(collaborator_info)
-    
-    return f"👥 **Collaborateurs actifs sur ce fichier :**\n\n" + "\n\n".join(collaborator_list)
-
-def list_figma_recent_files() -> str:
-    """Liste tous les fichiers Figma récents de l'utilisateur connecté"""
-    result = make_figma_request("files/recent")
-    
-    if "error" in result:
-        return f"❌ Erreur : {result['error']}"
-    
-    files = result.get("files", [])
-    
-    if not files:
-        return "📁 Aucun fichier récent trouvé"
-    
-    file_list = []
-    for file_data in files[:20]:  # Limiter à 20 fichiers récents
-        name = file_data.get("name", "Sans nom")
-        file_key = file_data.get("key", "")
-        last_modified = file_data.get("last_modified", "")
-        
-        # Extraire juste la date de la timestamp
-        if last_modified:
-            try:
-                from datetime import datetime
-                dt = datetime.fromisoformat(last_modified.replace('Z', '+00:00'))
-                date_str = dt.strftime("%d/%m/%Y %H:%M")
-            except:
-                date_str = last_modified
-        else:
-            date_str = "Date inconnue"
-        
-        file_list.append(f"📄 **{name}**\n   ID: `{file_key}`\n   Modifié: {date_str}")
-    
-    return f"📁 **Vos fichiers Figma récents :**\n\n" + "\n\n".join(file_list)
-
 def get_figma_user_info() -> str:
     """Récupère les informations de l'utilisateur connecté"""
     result = make_figma_request("me")
@@ -412,27 +291,16 @@ def list_figma_team_projects(team_id: str = "") -> str:
     
     return f"📁 **Projets de l'équipe :**\n" + "\n".join(project_list)
 
-def create_figma_sticky_note(x: str, y: str, text: str, color: str = "yellow", name: str = "Sticky Note") -> str:
-    """Crée un post-it dans FigJam"""
+def create_figjam_sticky_note(x: str, y: str, text: str, width: str = "240", height: str = "240") -> str:
+    """Crée un post-it (sticky note) dans FigJam avec les dimensions officielles"""
     if not figma_config["file_id"]:
         return "❌ ID du fichier requis. Utilisez configure_figma_file_id() d'abord."
     
     try:
         x_pos, y_pos = float(x), float(y)
+        w, h = float(width), float(height)
         
-        # Couleurs disponibles pour les post-its
-        colors = {
-            "yellow": "🟡",
-            "blue": "🔵", 
-            "green": "🟢",
-            "red": "🔴",
-            "purple": "🟣",
-            "orange": "🟠"
-        }
-        
-        color_emoji = colors.get(color.lower(), "🟡")
-        
-        comment_text = f"{color_emoji} **Post-it à créer :**\n- Nom: {name}\n- Position: ({x_pos}, {y_pos})\n- Texte: \"{text}\"\n- Couleur: {color}"
+        comment_text = f"🟡 **Sticky Note à créer (API FigJam) :**\n- Position: ({x_pos}, {y_pos})\n- Taille: {w}x{h}px (défaut: 240x240)\n- Texte: \"{text}\"\n\n📋 **Code Plugin Figma :**\n```javascript\nconst sticky = figma.createSticky()\nsticky.x = {x_pos}\nsticky.y = {y_pos}\nsticky.resize({w}, {h})\nawait figma.loadFontAsync(sticky.text.fontName)\nsticky.text.characters = '{text}'\n```"
         
         comment_data = {
             "message": comment_text,
@@ -447,13 +315,35 @@ def create_figma_sticky_note(x: str, y: str, text: str, color: str = "yellow", n
         if "error" in result:
             return f"❌ Erreur lors de la création du commentaire : {result['error']}"
         
-        return f"✅ Post-it {color_emoji} \"{text}\" créé à ({x_pos}, {y_pos})"
+        return f"✅ Instructions Sticky Note créées à ({x_pos}, {y_pos}) - Taille: {w}x{h}px"
         
     except ValueError:
-        return "❌ Les coordonnées doivent être des nombres"
+        return "❌ Les coordonnées et dimensions doivent être des nombres"
 
-def create_figma_section(x: str, y: str, width: str, height: str, title: str, color: str = "blue") -> str:
-    """Crée une section dans FigJam pour organiser le contenu"""
+def create_figjam_connector_between_elements(element1_name: str, element2_name: str, style: str = "solid") -> str:
+    """Crée un connecteur entre deux éléments FigJam (officiel)"""
+    if not figma_config["file_id"]:
+        return "❌ ID du fichier requis. Utilisez configure_figma_file_id() d'abord."
+    
+    comment_text = f"🔗 **Connecteur FigJam à créer (API officielle) :**\n- Entre: {element1_name}\n- Et: {element2_name}\n- Style: {style}\n\n📋 **Code Plugin Figma :**\n```javascript\n// Trouver les éléments par nom\nconst element1 = figma.currentPage.findOne(n => n.name === '{element1_name}')\nconst element2 = figma.currentPage.findOne(n => n.name === '{element2_name}')\n\n// Créer le connecteur\nconst connector = figma.createConnector()\nconnector.connectorStart = {{\n  endpointNodeId: element1.id,\n  magnet: 'AUTO'\n}}\nconnector.connectorEnd = {{\n  endpointNodeId: element2.id,\n  magnet: 'AUTO'\n}}\n```"
+    
+    comment_data = {
+        "message": comment_text,
+        "client_meta": {
+            "x": 0,
+            "y": 0
+        }
+    }
+    
+    result = make_figma_request(f"files/{figma_config['file_id']}/comments", "POST", comment_data)
+    
+    if "error" in result:
+        return f"❌ Erreur lors de la création du commentaire : {result['error']}"
+    
+    return f"✅ Instructions connecteur créées entre {element1_name} et {element2_name}"
+
+def create_figjam_shape_with_text(x: str, y: str, shape_type: str, text: str, width: str = "208", height: str = "208") -> str:
+    """Crée une forme avec texte intégré dans FigJam (API officielle)"""
     if not figma_config["file_id"]:
         return "❌ ID du fichier requis. Utilisez configure_figma_file_id() d'abord."
     
@@ -461,7 +351,19 @@ def create_figma_section(x: str, y: str, width: str, height: str, title: str, co
         x_pos, y_pos = float(x), float(y)
         w, h = float(width), float(height)
         
-        comment_text = f"📦 **Section à créer :**\n- Titre: {title}\n- Position: ({x_pos}, {y_pos})\n- Taille: {w}x{h}\n- Couleur: {color}"
+        # Types de formes supportés par l'API Figma
+        supported_shapes = {
+            "rectangle": "ROUNDED_RECTANGLE",
+            "circle": "ELLIPSE", 
+            "triangle": "TRIANGLE",
+            "diamond": "DIAMOND",
+            "star": "STAR",
+            "hexagon": "HEXAGON"
+        }
+        
+        figma_shape = supported_shapes.get(shape_type.lower(), "ROUNDED_RECTANGLE")
+        
+        comment_text = f"🔶 **Forme avec texte FigJam (API officielle) :**\n- Position: ({x_pos}, {y_pos})\n- Type: {shape_type} → {figma_shape}\n- Taille: {w}x{h}px (défaut: 208x208)\n- Texte: \"{text}\"\n\n📋 **Code Plugin Figma :**\n```javascript\nconst shape = figma.createShapeWithText()\nshape.x = {x_pos}\nshape.y = {y_pos}\nshape.resize({w}, {h})\nshape.shapeType = '{figma_shape}'\nawait figma.loadFontAsync(shape.text.fontName)\nshape.text.characters = '{text}'\n```"
         
         comment_data = {
             "message": comment_text,
@@ -476,27 +378,27 @@ def create_figma_section(x: str, y: str, width: str, height: str, title: str, co
         if "error" in result:
             return f"❌ Erreur lors de la création du commentaire : {result['error']}"
         
-        return f"✅ Section \"{title}\" créée à ({x_pos}, {y_pos}) avec la taille {w}x{h}"
+        return f"✅ Instructions forme {shape_type} avec texte créées à ({x_pos}, {y_pos})"
         
     except ValueError:
         return "❌ Les coordonnées et dimensions doivent être des nombres"
 
-def create_figma_connector(start_x: str, start_y: str, end_x: str, end_y: str, style: str = "solid") -> str:
-    """Crée un connecteur entre deux points dans FigJam"""
+def create_figjam_table(rows: str, columns: str, x: str = "0", y: str = "0") -> str:
+    """Crée un tableau dans FigJam (API officielle)"""
     if not figma_config["file_id"]:
         return "❌ ID du fichier requis. Utilisez configure_figma_file_id() d'abord."
     
     try:
-        sx, sy = float(start_x), float(start_y)
-        ex, ey = float(end_x), float(end_y)
+        num_rows, num_cols = int(rows), int(columns)
+        x_pos, y_pos = float(x), float(y)
         
-        comment_text = f"🔗 **Connecteur à créer :**\n- De: ({sx}, {sy})\n- Vers: ({ex}, {ey})\n- Style: {style}"
+        comment_text = f"📊 **Tableau FigJam (API officielle) :**\n- Position: ({x_pos}, {y_pos})\n- Dimensions: {num_rows} lignes × {num_cols} colonnes\n\n📋 **Code Plugin Figma :**\n```javascript\nconst table = figma.createTable({num_rows}, {num_cols})\ntable.x = {x_pos}\ntable.y = {y_pos}\n\n// Exemple: ajouter du texte dans les cellules\nawait figma.loadFontAsync(table.cellAt(0, 0).text.fontName)\ntable.cellAt(0, 0).text.characters = 'Titre 1'\ntable.cellAt(0, 1).text.characters = 'Titre 2'\n```"
         
         comment_data = {
             "message": comment_text,
             "client_meta": {
-                "x": sx,
-                "y": sy
+                "x": x_pos,
+                "y": y_pos
             }
         }
         
@@ -505,32 +407,23 @@ def create_figma_connector(start_x: str, start_y: str, end_x: str, end_y: str, s
         if "error" in result:
             return f"❌ Erreur lors de la création du commentaire : {result['error']}"
         
-        return f"✅ Connecteur créé de ({sx}, {sy}) vers ({ex}, {ey})"
+        return f"✅ Instructions tableau {num_rows}×{num_cols} créées à ({x_pos}, {y_pos})"
         
     except ValueError:
-        return "❌ Toutes les coordonnées doivent être des nombres"
+        return "❌ Les dimensions et coordonnées doivent être des nombres"
 
-def create_figma_shape(x: str, y: str, width: str, height: str, shape_type: str, name: str = "Shape", color: str = "#FF0000") -> str:
-    """Crée une forme géométrique (circle, triangle, star, etc.)"""
+def create_figjam_code_block(x: str, y: str, code: str, language: str = "javascript") -> str:
+    """Crée un bloc de code dans FigJam (API officielle)"""
     if not figma_config["file_id"]:
         return "❌ ID du fichier requis. Utilisez configure_figma_file_id() d'abord."
     
     try:
         x_pos, y_pos = float(x), float(y)
-        w, h = float(width), float(height)
-        
-        shapes = {
-            "circle": "⭕",
-            "triangle": "🔺",
-            "star": "⭐",
-            "diamond": "💎",
-            "heart": "❤️",
-            "arrow": "➡️"
-        }
         
-        shape_emoji = shapes.get(shape_type.lower(), "🔶")
+        # Échapper les caractères spéciaux pour l'affichage
+        escaped_code = code.replace('\\', '\\\\').replace('"', '\\"').replace('\n', '\\n')
         
-        comment_text = f"{shape_emoji} **Forme à créer :**\n- Nom: {name}\n- Type: {shape_type}\n- Position: ({x_pos}, {y_pos})\n- Taille: {w}x{h}\n- Couleur: {color}"
+        comment_text = f"💻 **Bloc de code FigJam (API officielle) :**\n- Position: ({x_pos}, {y_pos})\n- Langage: {language}\n- Code: \"{code[:100]}{'...' if len(code) > 100 else ''}\"\n\n📋 **Code Plugin Figma :**\n```javascript\nconst codeBlock = figma.createCodeBlock()\ncodeBlock.x = {x_pos}\ncodeBlock.y = {y_pos}\nawait figma.loadFontAsync(codeBlock.codeBlockText.fontName)\ncodeBlock.codeBlockText.characters = \"{escaped_code}\"\n```"
         
         comment_data = {
             "message": comment_text,
@@ -545,20 +438,22 @@ def create_figma_shape(x: str, y: str, width: str, height: str, shape_type: str,
         if "error" in result:
             return f"❌ Erreur lors de la création du commentaire : {result['error']}"
         
-        return f"✅ Forme {shape_emoji} {shape_type} créée à ({x_pos}, {y_pos})"
+        return f"✅ Instructions bloc de code {language} créées à ({x_pos}, {y_pos})"
         
     except ValueError:
-        return "❌ Les coordonnées et dimensions doivent être des nombres"
+        return "❌ Les coordonnées doivent être des nombres"
 
-def move_figma_element(element_name: str, new_x: str, new_y: str) -> str:
-    """Déplace un élément existant vers une nouvelle position"""
+def create_figjam_background_shape(x: str, y: str, width: str, height: str, color: str = "#F3F4F6", title: str = "", corner_radius: str = "8") -> str:
+    """Crée une forme de fond rectangulaire pour organiser le contenu FigJam"""
     if not figma_config["file_id"]:
         return "❌ ID du fichier requis. Utilisez configure_figma_file_id() d'abord."
     
     try:
-        x_pos, y_pos = float(new_x), float(new_y)
+        x_pos, y_pos = float(x), float(y)
+        w, h = float(width), float(height)
+        radius = float(corner_radius)
         
-        comment_text = f"🚀 **Déplacement à effectuer :**\n- Élément: {element_name}\n- Nouvelle position: ({x_pos}, {y_pos})"
+        comment_text = f"📐 **Forme de fond FigJam (zone de travail) :**\n- Position: ({x_pos}, {y_pos})\n- Taille: {w}x{h}px\n- Couleur: {color}\n- Titre: \"{title}\"\n- Rayon coins: {radius}px\n\n📋 **Code Plugin Figma :**\n```javascript\n// Créer la forme de fond\nconst background = figma.createRectangle()\nbackground.x = {x_pos}\nbackground.y = {y_pos}\nbackground.resize({w}, {h})\nbackground.cornerRadius = {radius}\nbackground.fills = [{{\n  type: 'SOLID',\n  color: {{ r: 0.95, g: 0.96, b: 0.97 }} // {color}\n}}]\nbackground.name = 'Zone - {title}'\n\n// Optionnel: ajouter un titre\nif ('{title}') {{\n  const titleText = figma.createText()\n  titleText.x = {x_pos + 16}\n  titleText.y = {y_pos + 16}\n  await figma.loadFontAsync(titleText.fontName)\n  titleText.characters = '{title}'\n  titleText.fontSize = 18\n}}\n```"
         
         comment_data = {
             "message": comment_text,
@@ -573,26 +468,51 @@ def move_figma_element(element_name: str, new_x: str, new_y: str) -> str:
         if "error" in result:
             return f"❌ Erreur lors de la création du commentaire : {result['error']}"
         
-        return f"✅ Instruction de déplacement créée pour {element_name} vers ({x_pos}, {y_pos})"
+        return f"✅ Zone de travail \"{title}\" créée à ({x_pos}, {y_pos}) - {w}x{h}px"
         
     except ValueError:
-        return "❌ Les coordonnées doivent être des nombres"
+        return "❌ Les coordonnées et dimensions doivent être des nombres"
 
-def resize_figma_element(element_name: str, new_width: str, new_height: str) -> str:
-    """Redimensionne un élément existant"""
+def create_figjam_sticker(x: str, y: str, sticker_type: str, size: str = "40") -> str:
+    """Crée un sticker/emoji dans FigJam pour les réactions et annotations"""
     if not figma_config["file_id"]:
         return "❌ ID du fichier requis. Utilisez configure_figma_file_id() d'abord."
     
     try:
-        w, h = float(new_width), float(new_height)
+        x_pos, y_pos = float(x), float(y)
+        sticker_size = float(size)
+        
+        # Mapping des stickers populaires
+        stickers = {
+            "thumbs_up": "👍",
+            "thumbs_down": "👎", 
+            "heart": "❤️",
+            "star": "⭐",
+            "fire": "🔥",
+            "rocket": "🚀",
+            "bulb": "💡",
+            "warning": "⚠️",
+            "check": "✅",
+            "cross": "❌",
+            "question": "❓",
+            "idea": "💭",
+            "clock": "⏰",
+            "money": "💰",
+            "target": "🎯",
+            "celebrate": "🎉",
+            "thinking": "🤔",
+            "confused": "😕"
+        }
         
-        comment_text = f"📏 **Redimensionnement à effectuer :**\n- Élément: {element_name}\n- Nouvelle taille: {w}x{h}"
+        emoji = stickers.get(sticker_type.lower(), sticker_type)
+        
+        comment_text = f"🎭 **Sticker FigJam :**\n- Position: ({x_pos}, {y_pos})\n- Type: {sticker_type} → {emoji}\n- Taille: {sticker_size}px\n\n📋 **Code Plugin Figma :**\n```javascript\n// Créer un sticker comme texte stylisé\nconst sticker = figma.createText()\nsticker.x = {x_pos}\nsticker.y = {y_pos}\nsticker.resize({sticker_size}, {sticker_size})\nawait figma.loadFontAsync({{ family: 'Inter', style: 'Regular' }})\nsticker.characters = '{emoji}'\nsticker.fontSize = {sticker_size}\nsticker.textAlignHorizontal = 'CENTER'\nsticker.textAlignVertical = 'CENTER'\nsticker.name = 'Sticker - {sticker_type}'\n```"
         
         comment_data = {
             "message": comment_text,
             "client_meta": {
-                "x": 0,
-                "y": 0
+                "x": x_pos,
+                "y": y_pos
             }
         }
         
@@ -601,26 +521,83 @@ def resize_figma_element(element_name: str, new_width: str, new_height: str) ->
         if "error" in result:
             return f"❌ Erreur lors de la création du commentaire : {result['error']}"
         
-        return f"✅ Instruction de redimensionnement créée pour {element_name} → {w}x{h}"
+        return f"✅ Sticker {emoji} créé à ({x_pos}, {y_pos}) - Taille: {sticker_size}px"
         
     except ValueError:
-        return "❌ Les dimensions doivent être des nombres"
+        return "❌ Les coordonnées et la taille doivent être des nombres"
 
-def create_figma_layout_grid(columns: str, rows: str, gap: str = "20") -> str:
-    """Crée une grille de layout pour organiser les éléments"""
+def create_figjam_workshop_template(template_type: str, x: str = "0", y: str = "0") -> str:
+    """Crée des templates d'atelier FigJam prêts à utiliser"""
     if not figma_config["file_id"]:
         return "❌ ID du fichier requis. Utilisez configure_figma_file_id() d'abord."
     
     try:
-        cols, rows_num, gap_size = int(columns), int(rows), float(gap)
+        x_pos, y_pos = float(x), float(y)
         
-        comment_text = f"🔲 **Grille de layout à créer :**\n- Colonnes: {cols}\n- Lignes: {rows_num}\n- Espacement: {gap_size}px"
+        templates = {
+            "retrospective": {
+                "title": "Rétrospective Sprint",
+                "zones": [
+                    {"title": "😊 Ce qui s'est bien passé", "x": 0, "y": 100, "width": 300, "height": 400, "color": "#D1FAE5"},
+                    {"title": "😐 Ce qui peut être amélioré", "x": 320, "y": 100, "width": 300, "height": 400, "color": "#FEF3C7"},
+                    {"title": "🚀 Actions à prendre", "x": 640, "y": 100, "width": 300, "height": 400, "color": "#DBEAFE"}
+                ]
+            },
+            "brainstorm": {
+                "title": "Session Brainstorming",
+                "zones": [
+                    {"title": "🎯 Objectif", "x": 0, "y": 100, "width": 960, "height": 120, "color": "#F3E8FF"},
+                    {"title": "💡 Idées", "x": 0, "y": 240, "width": 480, "height": 400, "color": "#FEF3C7"},
+                    {"title": "⭐ Meilleures idées", "x": 500, "y": 240, "width": 460, "height": 400, "color": "#D1FAE5"}
+                ]
+            },
+            "user_journey": {
+                "title": "Parcours Utilisateur",
+                "zones": [
+                    {"title": "👤 Persona", "x": 0, "y": 100, "width": 200, "height": 300, "color": "#F3E8FF"},
+                    {"title": "🎯 Découverte", "x": 220, "y": 100, "width": 180, "height": 300, "color": "#DBEAFE"},
+                    {"title": "🔍 Exploration", "x": 420, "y": 100, "width": 180, "height": 300, "color": "#FEF3C7"},
+                    {"title": "✅ Conversion", "x": 620, "y": 100, "width": 180, "height": 300, "color": "#D1FAE5"},
+                    {"title": "💝 Fidélisation", "x": 820, "y": 100, "width": 180, "height": 300, "color": "#FECACA"}
+                ]
+            }
+        }
+        
+        template = templates.get(template_type.lower())
+        
+        if not template:
+            available = ", ".join(templates.keys())
+            return f"❌ Template non trouvé. Disponibles: {available}"
+        
+        # Générer le code pour créer le template complet
+        zones_code = []
+        for i, zone in enumerate(template["zones"]):
+            zone_x = x_pos + zone["x"]
+            zone_y = y_pos + zone["y"]
+            zones_code.append(f"""
+// Zone {i+1}: {zone['title']}
+const zone{i+1} = figma.createRectangle()
+zone{i+1}.x = {zone_x}
+zone{i+1}.y = {zone_y}
+zone{i+1}.resize({zone['width']}, {zone['height']})
+zone{i+1}.cornerRadius = 8
+zone{i+1}.fills = [{{ type: 'SOLID', color: {{ r: 0.95, g: 0.96, b: 0.97 }} }}]
+zone{i+1}.name = '{zone['title']}'
+
+const title{i+1} = figma.createText()
+title{i+1}.x = {zone_x + 16}
+title{i+1}.y = {zone_y + 16}
+await figma.loadFontAsync(title{i+1}.fontName)
+title{i+1}.characters = '{zone['title']}'
+title{i+1}.fontSize = 16""")
+        
+        comment_text = f"🏗️ **Template FigJam: {template['title']} :**\n- Position: ({x_pos}, {y_pos})\n- {len(template['zones'])} zones de travail\n\n📋 **Code Plugin Figma :**\n```javascript\n// Template: {template['title']}{''.join(zones_code)}\n```"
         
         comment_data = {
             "message": comment_text,
             "client_meta": {
-                "x": 0,
-                "y": 0
+                "x": x_pos,
+                "y": y_pos
             }
         }
         
@@ -629,21 +606,29 @@ def create_figma_layout_grid(columns: str, rows: str, gap: str = "20") -> str:
         if "error" in result:
             return f"❌ Erreur lors de la création du commentaire : {result['error']}"
         
-        return f"✅ Grille {cols}x{rows_num} créée avec espacement de {gap_size}px"
+        return f"✅ Template \"{template['title']}\" créé avec {len(template['zones'])} zones à ({x_pos}, {y_pos})"
         
     except ValueError:
-        return "❌ Les valeurs doivent être des nombres"
+        return "❌ Les coordonnées doivent être des nombres"
 
-def create_figma_component(x: str, y: str, width: str, height: str, component_name: str, description: str = "") -> str:
-    """Crée un composant réutilisable"""
+def create_figjam_organized_zone(title: str, x: str, y: str, width: str = "400", height: str = "500", max_stickies: str = "12") -> str:
+    """Crée une zone organisée avec grille pour post-its dans FigJam"""
     if not figma_config["file_id"]:
         return "❌ ID du fichier requis. Utilisez configure_figma_file_id() d'abord."
     
     try:
         x_pos, y_pos = float(x), float(y)
         w, h = float(width), float(height)
+        max_notes = int(max_stickies)
+        
+        # Calculer la grille optimale
+        cols = 3 if max_notes <= 9 else 4
+        rows = (max_notes + cols - 1) // cols  # Division avec arrondi vers le haut
+        
+        sticky_width = (w - 80) // cols  # 80px de marge totale
+        sticky_height = 120  # Hauteur standard d'un post-it
         
-        comment_text = f"🧩 **Composant à créer :**\n- Nom: {component_name}\n- Position: ({x_pos}, {y_pos})\n- Taille: {w}x{h}\n- Description: {description}"
+        comment_text = f"📋 **Zone organisée FigJam :**\n- Titre: \"{title}\"\n- Position: ({x_pos}, {y_pos})\n- Taille: {w}x{h}px\n- Grille: {cols}×{rows} ({max_notes} post-its max)\n\n📋 **Code Plugin Figma :**\n```javascript\n// Zone de fond\nconst zone = figma.createRectangle()\nzone.x = {x_pos}\nzone.y = {y_pos}\nzone.resize({w}, {h})\nzone.cornerRadius = 12\nzone.fills = [{{ type: 'SOLID', color: {{ r: 0.98, g: 0.98, b: 0.99 }} }}]\nzone.strokes = [{{ type: 'SOLID', color: {{ r: 0.9, g: 0.9, b: 0.92 }} }}]\nzone.strokeWeight = 2\nzone.name = 'Zone - {title}'\n\n// Titre\nconst titleText = figma.createText()\ntitleText.x = {x_pos + 20}\ntitleText.y = {y_pos + 20}\nawait figma.loadFontAsync(titleText.fontName)\ntitleText.characters = '{title}'\ntitleText.fontSize = 20\ntitleText.fontName = {{ family: 'Inter', style: 'Bold' }}\n\n// Grille de post-its exemple\nfor (let row = 0; row < {rows}; row++) {{\n  for (let col = 0; col < {cols}; col++) {{\n    const index = row * {cols} + col\n    if (index >= {max_notes}) break\n    \n    const sticky = figma.createSticky()\n    sticky.x = {x_pos + 20} + col * ({sticky_width} + 10)\n    sticky.y = {y_pos + 70} + row * ({sticky_height} + 10)\n    sticky.resize({sticky_width}, {sticky_height})\n    await figma.loadFontAsync(sticky.text.fontName)\n    sticky.text.characters = `Idée ${{index + 1}}`\n    sticky.name = `Sticky ${{index + 1}}`\n  }}\n}}\n```"
         
         comment_data = {
             "message": comment_text,
@@ -658,7 +643,7 @@ def create_figma_component(x: str, y: str, width: str, height: str, component_na
         if "error" in result:
             return f"❌ Erreur lors de la création du commentaire : {result['error']}"
         
-        return f"✅ Composant \"{component_name}\" créé à ({x_pos}, {y_pos})"
+        return f"✅ Zone organisée \"{title}\" créée avec grille {cols}×{rows} pour {max_notes} post-its"
         
     except ValueError:
         return "❌ Les coordonnées et dimensions doivent être des nombres"
@@ -678,12 +663,6 @@ def setup_demo():
     def test_user():
         return get_figma_user_info()
     
-    def test_recent_files():
-        return list_figma_recent_files()
-    
-    def test_collaborators():
-        return get_figma_collaborators()
-    
     with gr.Blocks(
         title="🎨 Figma MCP Server",
         theme=gr.themes.Soft(),
@@ -738,11 +717,9 @@ def setup_demo():
             
             # Actions de test
             with gr.Row():
-                test_files_btn = gr.Button("📁 Fichiers Récents")
                 test_info_btn = gr.Button("📄 Info Fichier")
                 test_comments_btn = gr.Button("📝 Commentaires")
                 test_user_btn = gr.Button("👤 Info Utilisateur")
-                test_collaborators_btn = gr.Button("👥 Collaborateurs")
             
             # Connexions des événements
             token_btn.click(
@@ -757,11 +734,6 @@ def setup_demo():
                 outputs=[status_output]
             )
             
-            test_files_btn.click(
-                test_recent_files,
-                outputs=[status_output]
-            )
-            
             test_info_btn.click(
                 test_file_info,
                 outputs=[status_output]
@@ -776,11 +748,6 @@ def setup_demo():
                 test_user,
                 outputs=[status_output]
             )
-            
-            test_collaborators_btn.click(
-                test_collaborators,
-                outputs=[status_output]
-            )
         
         gr.Markdown("""
         ---
@@ -791,30 +758,42 @@ def setup_demo():
         - `configure_figma_file_id(file_id)` - Configure l'ID du fichier
         
         **📁 Navigation :**
-        - `list_figma_recent_files()` - Liste tous vos fichiers récents avec leurs IDs
         - `get_figma_file_info()` - Récupère les infos du fichier
         - `get_figma_comments()` - Récupère les commentaires
         - `get_figma_user_info()` - Info utilisateur connecté
-        - `get_figma_collaborators()` - Récupère les collaborateurs actifs
         
-        **🎨 Création d'éléments de base :**
+        **🎨 Création d'éléments de base (Figma Design) :**
         - `create_figma_rectangle(x, y, width, height, name, color)` - Crée un rectangle
         - `create_figma_frame(x, y, width, height, name)` - Crée un frame
         - `create_figma_text(x, y, text, name, font_size)` - Crée un texte
-        - `create_figma_shape(x, y, width, height, shape_type, name, color)` - Crée des formes (circle, triangle, star, diamond, heart, arrow)
-        
-        **🟡 FigJam - Post-its et organisation :**
-        - `create_figma_sticky_note(x, y, text, color, name)` - Crée un post-it (couleurs: yellow, blue, green, red, purple, orange)
-        - `create_figma_section(x, y, width, height, title, color)` - Crée une section pour organiser
-        - `create_figma_connector(start_x, start_y, end_x, end_y, style)` - Crée un connecteur entre points
-        
-        **🔧 Manipulation d'objets :**
-        - `move_figma_element(element_name, new_x, new_y)` - Déplace un élément
-        - `resize_figma_element(element_name, new_width, new_height)` - Redimensionne un élément
         
-        **🏗️ Layout et organisation :**
-        - `create_figma_layout_grid(columns, rows, gap)` - Crée une grille de layout
-        - `create_figma_component(x, y, width, height, component_name, description)` - Crée un composant réutilisable
+        **🟡 FigJam - Éléments de base :**
+        - `create_figjam_sticky_note(x, y, text, width, height)` - Post-it (défaut: 240×240px)
+        - `create_figjam_connector_between_elements(element1_name, element2_name, style)` - Connecteur entre éléments
+        - `create_figjam_shape_with_text(x, y, shape_type, text, width, height)` - Forme avec texte (défaut: 208×208px)
+        - `create_figjam_table(rows, columns, x, y)` - Tableau interactif
+        - `create_figjam_code_block(x, y, code, language)` - Bloc de code avec coloration syntaxique
+        
+        **📐 FigJam - Zones et organisation :**
+        - `create_figjam_background_shape(x, y, width, height, color, title, corner_radius)` - Zone de fond rectangulaire
+        - `create_figjam_organized_zone(title, x, y, width, height, max_stickies)` - Zone avec grille de post-its
+        - `create_figjam_workshop_template(template_type, x, y)` - Templates d'atelier complets
+        
+        **🎭 FigJam - Stickers et réactions :**
+        - `create_figjam_sticker(x, y, sticker_type, size)` - Stickers/emoji pour réactions
+        
+        **🎯 Types disponibles :**
+        - **Formes:** rectangle, circle, triangle, diamond, star, hexagon
+        - **Stickers:** thumbs_up, thumbs_down, heart, star, fire, rocket, bulb, warning, check, cross, question, idea, clock, money, target, celebrate, thinking, confused
+        - **Templates:** retrospective, brainstorm, user_journey
+        
+        **💡 Workflow recommandé :**
+        1. Créer une zone de fond avec `create_figjam_background_shape()`
+        2. Ajouter des post-its avec `create_figjam_sticky_note()`
+        3. Connecter les éléments avec `create_figjam_connector_between_elements()`
+        4. Ajouter des stickers pour les réactions avec `create_figjam_sticker()`
+        
+        **✨ Toutes les fonctions génèrent du code JavaScript prêt à utiliser dans un plugin Figma !**
         """)
     
     return demo