AWSのローコード開発ツール「Amplify Studio」が正式リリース。Figmaと連携してプロトタイプからコードを自動生成
AWSのローコード開発ツール「Amplify Studio」が正式リリース。Figmaと連携してプロトタイプからコードを自動生成 Amazon Web Services（AWS）は、Webアプリケーションを最小限のコーディングで開発できる、いわゆるローコード開発ツール「Amplify Studio」の正式リリースを発表しました。 Announcing AWS Amplify Studio is in general availability: FREE pixel-perfect Figma-to-React conversion Bind UI components to data Extend React components in code Works seamlessly with Amplify backends Check out the launch blog!https:/
FigmaのAutoLayout入門 - エンジニアに伝わるデザインを作ろう - ICS MEDIA
徐々に日本でもメジャーなデザインツールとなっている「Figma」。前回の記事『FigmaのSmart Animateを活用したプロトタイプ入門』では、簡単にアニメーションを実現できる「Smart Animate」機能を紹介しました。 本記事ではデザイン制作とその後のコーディング作業を強力にサポートしてくれる「Auto Layout」について詳しく紹介します。「Auto Layout」はデザインを効率よく進められるだけでなく、デザイン段階でHTML・CSSコーディングの参考になる情報を追加できます。 デザイン段階での使い方はもちろん、Figmaでデザインを受け取ったエンジニアがどう考えて実装していくべきかまで紹介します。デザイナーはもちろん、Figmaで作られたデザインファイルを受け取る可能性があるエンジニアの方も是非ご覧ください。 Auto Layoutとは 「Auto Layout」とは
Figmaでデザインする0→1フェーズのUX｜Sayaka Okuhara
こんにちは、note初投稿です。 現在、会社や個人でデザイナーとして0→1の事業立ち上げのお手伝いをしています。 0→1の立ち上げにおいて大事なことは、「プロダクトの目指したい姿・方向性・アイデアは何となくあるけど物理的には何もない」ところから仕様を決め、具体的な形にしていくまでの解像度をいかにスピード感もって高めることができるか、だと思っています。 ふだん、そんな新規事業の立ち上げドカタをしていますが、sketchが圧倒的勢力を誇るこの世界において、figmaエバンジェリスト（自称）として世の中にfigmaの素晴らしさを広めていきたいと思い、今回、私が個人的にお手伝いしているフィンテックのプロジェクトで行っているデザインフローについて記事にしました。（※まだリリースしてません。とりあえずfigmaの良さを伝えたい。プロダクトの詳細については今後記事にしていきたいです） また今回の記事内容
Figma でざっくり作るプロトタイピング｜Spacemarket Design
こんにちは、スペースマーケット デザインチームの伊東です。 現在スペースマーケットの UI デザインは Figma で行っています。以前は Adobe XD や Sketch を使っていたのですが、わりと最近になって移行しました（デザインツールに関して、導入を決めたきっかけやメリットに関しては改めて記事として投稿できれば幸いです）。 私自身、スペースマーケットに入社してから初めて Figma を触ったのですが、あまりドキュメントを読み込まなくてもすぐに使える（≒ Sketch など従来のデザインツールとのスイッチで疲弊しない）操作感の虜になりました。 その一方で、「これをやるにはどうすれば……？？」といった場面に遭遇することも多く、その度に適宜ググったり、公式のドキュメントを読んだり、国内の有志による Slack チャンネル で情報を収集するなどして知見を溜めてきた経緯があり、同じような悩
Figma: The Collaborative Interface Design Tool
Downloads Get the desktop, mobile, and font installer apps
Figma導入がチームに与えたインパクトと浸透した5つの理由｜はのめぐみ
こんにちは！はのめぐみです。キッチハイクというサービスでデザイナをしています。 弊社では 2019年3月から Figma を導入し約半年たちました。今ではすっかりチーム全体に浸透し、デザインの確認 = Figma として認知されています。 ○ デザイナだけでなく Figma を使うエンジニア側の視点 ○ チームで仕組み化につなげるためのヒント・条件 この記事では、Figma 導入を通して得られた学びや使う人の視点も意識して書いています。チームで導入を検討している方の参考になれば幸いです🙌 チーム利用で感じた Sketch の限界 Sketch にはチームで必要な共有やバージョン管理の仕組みがありません。そのため、用途に応じて複数のツールを連携します。デザインに更新・修正が入るたび、Abstract・inVision・Zeplin に反映する作業がデザイナの時間を圧迫していました。更新漏れ
デザインシステムを持たない組織のこれまでの取り組みとこれからを考える｜はのめぐみ
こんにちは！はのめぐみです。キッチハイクというサービスでデザイナーをしています。 2019年9月19日に開催された React.js meetup #9 にて、デザインシステムをテーマに登壇しました。トークタイムとパネルディスカッションの2部構成で、私はイベント前半部分のトークを担当させていただきました。この記事は、そのフォローアップを含んだ紹介記事です。 スライド資料は全編公開しています 登壇テーマはデザインシステムを持たない組織の取り組み今回の React.js meetup では「デザインシステム」がイベントテーマでした。デザインシステムを持たない組織として、ふたつのテーマを軸にお話しました。 デザインシステムとは一般的には、ユーザーに一貫した体験を届けるために必要なものをすべて含んだ存在と言われています。 デザインシステムを支えるものは様々です。「原則」「形状」「実装」の3つに分類
FigmaではじめるUI（Web）デザイン｜Part1｜Nao Komura｜note
Figma 3.0が発表されてから半年ほど経ち、実際にプロジェクトでFigmaを使用した際の知見や、tips的なものまで日本でも散見されるようになってきました。 そんな感じで良い具合に枯れ始めているデザインツールではあるのですが、まだまだ日本での記事は、経験者向けに「Figmaに乗り換えるメリット」とか「他のUIデザインツールとの比較」のような内容の記事が多く（人のこと言えないですが......）、初心者にはUIデザインのツールとしてはまだまだ馴染みの薄いツールなのかなと思います。 というより、昨今はデザインツールが多すぎてシンドいことこの上ないですね。一度効率化の味を知ると更なる効率化を追い求めてしまいますし、そんな現状だと日頃から使用しているツールを変えるのも一苦労です。 ......さて、今回は初心者〜中級者くらいまでに向けてFigmaで作るUIデザイン入門的な記事を書いていこうと思
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Apple Design Resources – iOS 17 and iPadOS 17 | Figma
「あの人しかデザイン触れない」にならないためのデザインシステムづくり｜Cocoda