GitHub - southleft/figma-console-mcp: Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Figma、リモートMCPサーバーをオープンベータとして段階的に提供開始 ——Figma Makeからのリソース取得、Code Connect UIコンポーネントも追加 | gihyo.jp
Figma、リモートMCPサーバーをオープンベータとして段階的に提供開始 ——Figma Makeからのリソース取得、Code Connect UIコンポーネントも追加 Figmaは2025年9月23日、Figma MCPサーバーにリモートアクセスできるFigmaリモートMCPサーバーをオープンベータとして段階的に提供を開始した（9月26日までに提供予定）。また新しい機能として、Figma Makeからのリソース取得と、Code Connect UIコンポーネント（オープンベータ）も追加した。 Design context, everywhere you build - Figma Blog Remote MCP Server, Make Resources in MCP & Code Connect UI - Figma Release Notes これまでもFigmaはロ
Text Resizer - Accessibility Checker | Figma
Text Resizer helps you update your designs quickly and flexibly with respect to the base font size defined for 1remThis plugin also comes handy when you design apps for iOS as this will help your designs adapt to the systems ability of increasing or decreasing font sizes (Users on iOS have the ca...
Contrast | Figma
Contrast makes it easy to check the contrast ratios of colors as you work. Select a layer and Contrast will immediately look for the color directly behind your selection and serve up the contrast ratio along with passing and failing levels from the Web Content Accessibility Guidelines (WCAG). If ...
デザイントークンのつくりかた：putchom
2023年のFigmaのグローバルカンファレンスConfigでVariablesが発表され、デザイントークンはますます注目を集めています。しかし、デザイントークンという言葉は聞いたことあるものの、デザイントークンとは何なのか、また、何から始めたらいいかわからない方も多いのではないでしょうか。 本書では、これまでGMOペパボ株式会社で複数のブランド向けにデザイントークンを設計した際に得た知見や、株式会社スマートバンクでモバイルアプリ向けにデザイントークンを設計した際に得た知見を共有します。デザイントークンを利用するメリットから実際の作り方まで幅広く網羅していますので、これからデザイントークンを設計する皆さんのお役にたてると幸いです。 [著者] putchom（Ryo Fukushima） GMOペパボ株式会社でSUZURIのデザインリード及び共通基盤デザインシステムInhouseの設計を担当
GitHub - penpot/penpot: Penpot: The open-source design tool for design and code collaboration
Website • User Guide • Learning Center • Community Youtube • Peertube • Linkedin • Instagram • Mastodon • Bluesky • X Penpot_OpenYourEyes_.mp4 Penpot is the first open-source design tool for design and code collaboration. Designers can create stunning designs, interactive prototypes, design systems at scale, while developers enjoy ready-to-use code and make their workflow easy and fast. And all of
The CSS behind Figma
Do you want to master CSS layouts? I'm building a new course. Learn more While learning how to build a Figma plugin, I stumbled upon a few interesting usages of Flexbox and Grid in Figma. When I found them, I just got distracted and couldn’t resist digging more. Flexbox and Grid have been providing us web developers with lots of new capabilities to build new layouts, and what I will show you in th
Lunacy - Free Graphic Design Software for Desktop: Download for Windows, Mac, Linux
Fast native apps with icons, illustrations and photos
AWS Amplify Studio – Figma to Fullstack React App With Minimal Programming | Amazon Web Services
Front-End Web & Mobile AWS Amplify Studio – Figma to Fullstack React App With Minimal Programming June 27, 2024: This blog post covers Amplify Gen 1. For new Amplify apps, we recommend using Amplify Gen 2. You can learn more about Gen 2 in our launch blog post. AWS Amplify announces AWS Amplify Studio, a visual development environment that offers frontend developers new features (public preview) t
DesignOps推進の一環としてFigma上のコンポーネントを自動でnpmにpublishしてみる
DesignOpsとは DesignOpsとは質の高いデザインのアウトプットの維持を支えるための仕組みづくりのことです。 この仕組みを整えることでデザイナーもエンジニアもお互いストレスなくそれぞれの仕事に専念できます。 今回は、デザイナーがデザインツールのFigma上で作成したアイコンをReactコンポーネントに変換してnpmに定期的にpublishするところまでを自動化しました。この自動化により、わざわざFigmaにみに行って、デザインされたsvgを切り出しReactコンポーネントに変換して利用するという作業が不要になりました。Figama上でアイコンが更新されたら、新たにnpm installするだけでアイコンを取り込んで使うことができるようになります。 js側では、以下のような雰囲気でnpmからアイコンコンポーネントを利用可能です。 import { MenuClose } from
Just import Figma. No more frontend-coding - HTML & CSS - Lasca
Lasca is a next-generation no-code platform for all products, not only MVP but also full-scale productions.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - onlook-dev/onlook: The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
https://www.figma.com/community/file/1380235722331273046
デジタル庁デザインシステムβ版
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
A11y - Focus Order | Figma Community
Apple Design Resources – iOS 17 and iPadOS 17 | Figma
Textlint for Japanese | Figma
Home | Ploxy
GitHub - sergcen/html-to-figma: Convert DOM node to Figma node
