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 • Getting Started • User Guide • Tutorials & Info • Community Youtube • Peertube • Linkedin • Instagram • Mastodon • X video-hero-homepage_v5.webm 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
The CSS behind Figma
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 this article is just that. To move along with this article, you don’t need
Lunacy – Free Design Software for Win, 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 AWS Amplify announces AWS Amplify Studio, a visual development environment that offers frontend developers new features (public preview) to accelerate UI development with minimal coding, while integrating Amplify’s powerful backend configuration and management capabilities. Amplify Studio automaticall
DesignOps推進の一環としてFigma上のコンポーネントを自動でnpmにpublishしてみる
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ページを開く
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
Figma to React Component | Figma
Glyphs
GitHub - BuilderIO/figma-html: Builder.io for Figma: AI generation, export to code, import from web
