はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ ベジタリアン

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
(26 - 50 / 56件)

共同編集を支える技術とライブラリの活用 - ICS MEDIA

2022/05/27 このエントリーをはてなブックマークに追加 135 users Instapaper Pocket Tweet Facebook Share Evernote Clip ライブラリ ICS MEDIA 共同編集 活用 技術

『Google Docs』や『Figma』といったリアルタイムな共同編集ツールの恩恵を受けている人は数多くいるでしょう。『Visual Studio Live Share』のようなエンジニアに嬉しいツールも生まれ、今日ではオンライン上でも円滑なコミュニケーションが可能になっています。 これらのツールの基礎にあるのが「共同編集」のテクノロ... 続きを読む

[速報]マイクロソフト、手書きのスケッチをAIでアプリ画面に手軽に変換できる「Power Apps Express design」発表。Microsoft Build 2022

2022/05/24 このエントリーをはてなブックマークに追加 175 users Instapaper Pocket Tweet Facebook Share Evernote Clip マイクロソフト スケッチ 手書き 速報 アプリ画面

マイクロソフトは現在開催中の開発者向けイベント「Microsoft Build 2022」で、ローコード/ノーコード開発ツール「Power Apps」の新機能として、手書きのスケッチやPDFのフォーム画面、Figmaのデザインファイルなどを元に、AIがアプリケーションの画面作成を支援してくれる「Power Apps Express design」を発表しました... 続きを読む

エンジニアのためのFigma超入門

2022/05/22 このエントリーをはてなブックマークに追加 318 users Instapaper Pocket Tweet Facebook Share Evernote Clip エンジニア figma Figma上 実装 デザイナー

エンジニアがFigmaを学ぶ利点 ブラウザ上で共同編集ができるなどの理由から、最近では観測範囲内の多くの企業がFigmaをメインのデザインツールとして採用しています。 一般的にフロントエンドエンジニアはデザイナーがFigma上で作成したデザインファイルを元に実装を進めると思いますが、ここでエンジニア側にもFigmaの... 続きを読む

AWSのローコード開発ツール「Amplify Studio」が正式リリース。Figmaと連携してプロトタイプからコードを自動生成

2022/04/25 このエントリーをはてなブックマークに追加 129 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma プロトタイプ コーディング AWS 正式リリース

AWSのローコード開発ツール「Amplify Studio」が正式リリース。Figmaと連携してプロトタイプからコードを自動生成 Amazon Web Services(AWS)は、Webアプリケーションを最小限のコーディングで開発できる、いわゆるローコード開発ツール「Amplify Studio」の正式リリースを発表しました。 Announcing AWS Amplify Studi... 続きを読む

文章の品質向上に役立つ! Figmaのプラグイン「テキスト校正くん」を公開

2022/03/09 このエントリーをはてなブックマークに追加 196 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma Figma上 テキスト校正くん プラグイン 文章

ウェブ制作の現場で一般的に使われるようになってきたデザインツール「Figma」。そのFigma上で動作する文章校正支援プラグイン「テキスト校正くん」を弊社からリリースしました。無料で利用できます。 テキスト校正くん for Figma 本プラグインを利用することで、画面内の文章を手軽に校正でき、テキストの品質を高める... 続きを読む

はじめてのFigma使い方ガイド 基本からプロトタイプ共有まで完全マスター【2022年版】 - PhotoshopVIP

2022/03/07 このエントリーをはてなブックマークに追加 125 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma PhotoshopVIP ウェブデザイン制作

Figmaをこれからはじめようというひとがまず知っておきたい、基本の機能や使い方を網羅した完全ガイド2022年版。 ウェブサイトのデモデザインを実際に作成しながら、Figmaの基本となる使い方を一緒に学びましょう。 この記事が読み終わったとき、Figmaの基本的なツールの使い方はもちろん、ウェブデザイン制作の具体的な... 続きを読む

エンジニアのための Figma 知識

2022/01/24 このエントリーをはてなブックマークに追加 530 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma 習熟 しょ クオリティ エンジニア

エンジニアにデザインツールの知識・習熟は必要か? しなくても仕事はできると思うのですが、あるとよりクオリティの高い仕事ができることは間違いありません。 という訳でエンジニアがエンジニアとしての仕事をしていく上で「Figma のこういうことを知っておくと良さそう」という知識をまとめてみました。 記事中のショ... 続きを読む

FigmaでWebサイトのデザインから公開まで完結するプラグイン「Makers」が登場! | Web Design Trends

2021/11/02 このエントリーをはてなブックマークに追加 114 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma MAKERS プラグイン ノーコード ツール

先日、「Makers」というFigmaでWebサイトのデザイン制作から公開まで完結することができるプラグインが発表されました。 ノーコードでのWeb制作は非常に注目を集めている分野であり、実際にノーコードでのWeb制作も広まってきています。そんな中登場するMakersはどのようなツールなのでしょうか。 今回は、Makersという... 続きを読む

もうこれでUI用のアイコンには困らない!商用でも完全無料で利用できる、SVG完備のアイコン素材 -iconsax

2021/10/27 このエントリーをはてなブックマークに追加 308 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma SVG SVG完備 SVGアイコン フォーマット

WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるiconsaxを紹介します。 ホーム・サーチ・アロー・カート・メールなど、Webページやスマホアプリでよく使用されるアイコンが揃っています。スタイルは6種類、フォーマットはSVGをはじめ、Adobe XD、Figma... 続きを読む

フロントエンド開発のための Figma

2021/10/20 このエントリーをはてなブックマークに追加 270 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma sekikazu01 意図 フロントエンド トーク

Transcript フロントエンド開発のための Figma by seya (@sekikazu01) このトークで話すこと Figma を駆使してフロントエンドの 生産性もあげちゃう使い方・考え方 デザインってなに? このトークでは... デザイナーが実装者に UI の “意図”を伝えるためのもの と定義します では、そんな“デザイン”は フロントエンドの... 続きを読む

エンジニアに伝わるデザインを作るためのFigmaのAuto Layout入門

2021/10/15 このエントリーをはてなブックマークに追加 200 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma Auto Layout アニメーション 前回 機能

徐々に日本でもメジャーなデザインツールとなっている「Figma」。前回の記事『FigmaのSmart Animateを活用したプロトタイプ入門』では、簡単にアニメーションを実現できる「Smart Animate」機能を紹介しました。 本記事ではデザイン制作とその後のコーディング作業を強力にサポートしてくれる「Auto Layout」について詳... 続きを読む

Web・アプリ開発のエンジニアが知っておきたい、デザインツール「Figma」の基本 - JMDC TECH BLOG

2021/10/15 このエントリーをはてなブックマークに追加 485 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma JMDC はんざわ エンジニア Adobe XD

JMDCでアプリのデザインを5月から担当しているはんざわです。 Webやアプリのフロント開発者のみなさんはデザインツール Figmaをご存知でしょうか? JMDCではこれまでAdobe XDをメインで使用していました、今年からFigmaに乗り換えました。 乗り換えに伴い、デザイナー以外のメンバーにもFigmaを操作できるようになるべく... 続きを読む

Google、「Material Design」のアイコンを「Figma」で公開 - 窓の杜

2021/09/06 このエントリーをはてなブックマークに追加 268 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma Material Design アイコン 公開

続きを読む

勉強になったFigmaのデザインシステム8選|東 莉緒/Rio Azuma|note

2021/09/05 このエントリーをはてなブックマークに追加 323 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma Note toCサービス アプリ 勉強

おひさしぶりです? 最近は週末プロジェクトでアプリを2つリリースしようと動いていたり、一人暮らしを始めたり、バタバタした日々を過ごしておりました.... (toCサービス好きな人、一緒に週末プロジェクトやりませんか・・笑 週末プロジェクトはなかなか難しい....) 先日こんなイベントがあり、他社のサービスのFigma... 続きを読む

ウェブデザインにおけるline-heightについて | Rriver

2021/04/23 このエントリーをはてなブックマークに追加 369 users Instapaper Pocket Tweet Facebook Share Evernote Clip Rriver ウェブデザイン line-height 曲者

ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。 ということで、今回... 続きを読む

商用利用無料、UIデザイン用のSVGアイコンが1100種類!Adobe XDやFigmaのツールも完備されてて、これは便利 | コリス

2020/09/09 このエントリーをはてなブックマークに追加 376 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma 商用プロジェクト コリス ソース プロダクト

企業サイトをはじめ、プロダクト、オンラインショップ、アプリ、ブログなど、さまざまな商用プロジェクトで無料で利用できるSVGアイコンを紹介します。 SVGアイコンの数は1,100種類以上で、しかもオープンソース! さらに、...記事の続きを読む 続きを読む

ワイ「何でそんな小っさいコンポーネント作ってるん?w」 - Qiita

2020/06/21 このエントリーをはてなブックマークに追加 106 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma Qiita 案件 ワイ WEB制作会社

とあるWeb制作会社にて ワイ「ハスケル子ちゃん」 ハスケル子「はい」 ワイ「今日なんの仕事するんやったっけ?」 ハスケル子「確か今日からは」 ハスケル子「NuxtとVuetifyを使って管理画面を作る案件が始まるんじゃなかったでしたっけ?」 ワイ「おお、せやった」 ハスケル子「もうFigmaのデザイン見ましたか?」 ワイ... 続きを読む

PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売 | Stocker.jp / diary

2019/07/01 このエントリーをはてなブックマークに追加 1040 users Instapaper Pocket Tweet Facebook Share Evernote Clip Illustrator Stocker.jp diary

私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初... 続きを読む

FigmaではじめるUI(Web)デザイン|前編|nao komura|note

2019/01/15 このエントリーをはてなブックマークに追加 113 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma 知見 UIデザイン 半年 具合

Figma 3.0が発表されてから半年ほど経ち、実際にプロジェクトでFigmaを使用した際の知見や、tips的なものまで日本でも散見されるようになってきました。 そんな感じで良い具合に枯れ始めているデザインツールではあるのですが、まだまだ日本での記事は、経験者向けに「Figmaに乗り換えるメリット」とか「他のUIデザイン... 続きを読む

2018年 導入してよかったデザインツール|灰色ハイジ|note

2018/12/25 このエントリーをはてなブックマークに追加 128 users Instapaper Pocket Tweet Facebook Share Evernote Clip 灰色ハイジ Note Principle デザインツール 年末

Twitterのタイムラインで「2018年なんとかまとめ」というリンクをよく見かけることで年末を感じている灰色ハイジです。こんにちは。 日々いろんなツールが増えていますが、個人的に今年導入してみて良かったデザインツールをまとめてみました。 - Contrasts - Principle - Figma - RealtimeBoard - IconJar - UXKit - No... 続きを読む

開発スピードを上げるため、Sketchを辞めてFigmaに移行した話 - fujiken design blog

2018/07/13 このエントリーをはてなブックマークに追加 251 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma Sketch プロコン モバイルアプリ ふじけん

こんにちは、ふじけん (@kenshir0f) です。 普段はモバイルアプリを主としたサービス開発のデザイナーを担当しております。 業務ではSketchを使ってアプリのUIを組んでいるのですが、 先日チームの開発体制を見直すときにFigmaというデザインツールに移行しました。 Figmaに乗り換えるに至った経緯やプロコンなど、ざっ... 続きを読む

開発スピードを上げるため、Sketchを辞めてFigmaに移行した話 - fujiken design blog

2018/07/13 このエントリーをはてなブックマークに追加 251 users Instapaper Pocket Tweet Facebook Share Evernote Clip figma Sketch プロコン モバイルアプリ ふじけん

こんにちは、ふじけん (@kenshir0f) です。 普段はモバイルアプリを主としたサービス開発のデザイナーを担当しております。 業務ではSketchを使ってアプリのUIを組んでいるのですが、 先日チームの開発体制を見直すときにFigmaというデザインツールに移行しました。 Figmaに乗り換えるに至った経緯やプロコンなど、ざっ... 続きを読む

Sketch はもういらない? デザインツール Figma の紹介

2017/12/19 このエントリーをはてなブックマークに追加 159 users Instapaper Pocket Tweet Facebook Share Evernote Clip Sketch figma 議論 デザイナー Adobe XD

(Figma: https://www.figma.com/ ) はじめに いきなりですが、デザインツールの Figma をご存知でしょうか。 Adobe XDが正式リリースされてから『Sketch vs Adobe XD』のような記事をネットやSNSでしばしば見かけますが、そういった議論ができる最先端のデザイナーでも、ご存知ない方もいらっしゃるかもしれません。試しにSketchとXD、そしてFi... 続きを読む

腕が4本・脚も4本、何かが間違っている気がする全身フル可動ダ・ヴィンチ「ウィトルウィウス的人体図」 - GIGAZINE

2016/02/07 このエントリーをはてなブックマークに追加 112 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE figma ポージング グッスマ 人体図

グッスマの可動アクションフィギアシリーズ「 figma 」に、あの「 テーブル美術館 」の新作として、「 ウィトルウィウス的人体図 」が登場。figmaならではの、ありえないポージングも可能です。 figmaオフィシャルサイト | トップ http://www.figma.jp/ja/figma/ グッスマのブースに怪しい一角。 ルーブル美術館ならぬ「テーブル美術館」 レオナルド・ダ・ヴィンチの ... 続きを読む

ポリゴンでカクカクの初代バーチャファイターがなんと全身フル可動フィギュアに - GIGAZINE

2015/07/26 このエントリーをはてなブックマークに追加 113 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE バーチャファイター ポリゴン figma

セガが1993年に送り出した当時としては超絶画期的で斬新の極みであったアーケード対戦格闘ゲーム「バーチャファイター」が20年以上の時を超え、全身フル可動フィギュアとしてよみがえってしまい、ワンフェス2015[夏]にて実物が展示されていました。 figmaのFREEingシリーズからの登場となります バーチャファイター「結城晶」 発売時期未定・価格未定、原型制作FREEing、制作協力マックスファク... 続きを読む

(26 - 50 / 56件)