LE MÉDIA DE L’IA QUI SERT VRAIMENT.Édition française · Comprendre & passer à l’action
OpenAI

Aller-retour entre Figma et SwiftUI

figma-swiftui

En bref

Couvre la traduction dans les deux sens entre Figma et SwiftUI (iOS, iPhone, iPad) : implémenter une maquette Figma en SwiftUI, ou renvoyer des vues, écrans ou jetons SwiftUI dans un fichier Figma. Soumise aux Conditions Figma Developer Terms.

Ce que ça fait

  • Passe d’une maquette Figma à du SwiftUI
  • Renvoie des vues SwiftUI vers Figma

Pour qui, et un exemple

Les développeurs iOS qui travaillent à la fois dans Figma et en SwiftUI.

Exemple de demande : « Implémente cet écran Figma en SwiftUI, puis renvoie les jetons dans le fichier Figma. »

On l’utilise dès que Swift, SwiftUI, iOS, iPhone ou iPad est mentionné, dans un sens comme dans l’autre entre Figma et le code. Exemple rédigé par iadujour.fr à partir du SKILL.md, non testé.

Installer

Dans Codex : codex plugin add figma@openai-curated (marketplace officielle du dépôt).

codex plugin add figma@openai-curated

Fonctionne avec

  • Codex

Source : README : collection de plugins Codex ; la marketplace du dépôt s’appelle « Codex official ». D’autres agents ne sont pas nommés.

Niveau : Intermédiaire

Suppose un projet déjà en place chez l’éditeur et les outils décrits dans le SKILL.md.

À savoir

Dépôt officiel OpenAI. Ce sont des exemples de plugins Codex, souvent rédigés par l’éditeur du plugin (Figma, Stripe, Canva, etc.) et hébergés ici. Skill du plugin « figma » dans openai/plugins.

Extrait du SKILL.md

La description d’origine, celle que l’agent lit pour décider de charger la skill (en anglais) :

SwiftUI ↔ Figma translation. Use whenever the user mentions Swift, SwiftUI, iOS, iPhone, or iPad — in EITHER direction — translating a Figma design into SwiftUI (design → code), or pushing SwiftUI views / screens / tokens back into a Figma file (code → design). Triggers on phrases like 'implement this Figma design in SwiftUI', 'build this screen in Swift', 'push this SwiftUI view to Figma', […]

Citée depuis le SKILL.md au commit 6fe38d4 . Le dossier contient aussi 2 fichiers annexes (references/).

Le SKILL.md compte 30 lignes et 3 sections principales :

  • Pick the direction
  • Shared context (applies to both directions)
  • References

Licence : Conditions Figma Developer Terms

Vérifiée le 10 novembre 2026 sur : fichier de licence d’un dossier parent (plugins/figma/LICENSE.txt) .

Conditions Figma Developer Terms, pas une licence open source standard : extrait court cité uniquement. Pour le texte complet, consultez la source.

Source. Fiche rédigée par iadujour.fr à partir de : Frontmatter, sections et corps du SKILL.md, README du dépôt. Consultée le 10 novembre 2026. Dépôt : openai/plugins .
MÊME ÉDITEUR

Autres skills OpenAI : Développement mobile

Toute la catégorie
OpenAIDéveloppement mobile

Relier des composants Figma au code avec Code Connect

figma-code-connect

Crée et tient à jour les fichiers modèles Figma Code Connect (.figma.ts ou .figma.js) qui associent des composants Figma à des extraits de code.

Outils : CodexNiveau : Débutantmàj 26/08/2026
OpenAIDéveloppement mobile

Animer des nœuds Figma avec l’outil use_figma

figma-use-motion

Fournit le contexte motion et animation de l’outil MCP use_figma : images clés manuelles, styles d’animation, lissage et durée sur la frise.

Outils : CodexNiveau : Débutantmàj 09/07/2026
ÉCHANGES

Commentaires.

Un retour d’expérience, une question, une précision sur cette skill ? Les commentaires sont relus avant publication.

Commentaires publiés

Chargement des commentaires…

    Laisser un commentaire

    Charte de modération. Chaque commentaire est relu avant publication. Sont refusés : l’incitation à la haine, les propos injurieux ou discriminatoires, la publicité, le spam et les liens promotionnels, le hors-sujet et les données personnelles d’autrui.